Color
color Sets the text color.
Example
Text { color: slate-900 }
Tailwind values
A palette token combines a family and shade: blue-600, slate-900, or rose-200. Every standard family has 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, and 950.
| Families | Values |
|---|---|
| Neutral | slate, gray, zinc, neutral, stone |
| Warm | red, orange, amber, yellow, lime |
| Green and blue | green, emerald, teal, cyan, sky, blue, indigo |
| Purple and pink | violet, purple, fuchsia, pink, rose |
Special values: inherit, current, transparent, black, white. Arbitrary colors use square brackets: [#2563eb], [rgb(37,99,235)], or [var(--brand)].