Tailwind Zinc
Zinc is a near-neutral gray with only a whisper of warmth — the shadcn/ui default base color. It looks modern and slightly industrial, pairing cleanly with almost any accent hue.
Click any value to copy it. All 11 Zinc shades (50–950) in hex, OKLCH, RGB, HSL and Tailwind class.
| Swatch | Shade | Class | Hex | OKLCH | RGB | HSL |
|---|---|---|---|---|---|---|
| 50 | ||||||
| 100 | ||||||
| 200 | ||||||
| 300 | ||||||
| 400 | ||||||
| 500 | ||||||
| 600 | ||||||
| 700 | ||||||
| 800 | ||||||
| 900 | ||||||
| 950 |
Where to use Tailwind Zinc
- Default shadcn surfaces:
bg-zinc-50/bg-zinc-950. - Foreground text:
text-zinc-900/text-zinc-50. - Muted UI:
text-zinc-400,border-zinc-800.
Related Tailwind colors
Build a full theme from Zinc with the shadcn theme generator, or see the whole Tailwind colors palette.
Copied
