Slate vs Zinc: Cool Neutrals Compared
Compare Tailwind's slate and zinc for backgrounds, text, and neutral UI foundations.
Slate
#64748b
Strong blue undertone
Zinc
#71717a
Very subtle cool cast
Side-by-Side Comparison
| Aspect | Slate | Zinc |
|---|---|---|
| Undertone | Noticeably blue | Nearly neutral, faint cool |
| Mood | Tech-forward, professional | Minimal, elegant, understated |
| Pairs well with | Blue, sky, indigo | Any accent color |
| Use case | IDE backgrounds, docs, dashboards | Portfolio sites, luxury brands, dark modes |
| Best For | Tech dashboards, modern apps | Minimal designs, dark mode |
Our Recommendation
Slate for tech products where blue undertones enhance the palette. Zinc for minimal designs requiring near-neutral grays.
Tailwind Classes
Slate
Background: bg-slate-500
Text: text-slate-500
Border: border-slate-500
Zinc
Background: bg-zinc-500
Text: text-zinc-500
Border: border-zinc-500
#neutrals#slate#zinc#comparison