Slate vs Stone: Cool vs Warm Neutral
Compare Tailwind's coolest and warmest neutrals for opposite design directions.
Slate
#64748b
Cool blue undertone
Stone
#78716c
Warm brown/taupe undertone
Side-by-Side Comparison
| Aspect | Slate | Stone |
|---|---|---|
| Undertone | Blue, distinctly cool | Brown, distinctly warm |
| Mood | Technical, sharp, digital | Earthy, cozy, natural |
| Pairs well with | Blue, sky, indigo, cyan | Orange, amber, green, earth tones |
| Use case | Developer tools, analytics | Restaurant sites, travel blogs, sustainability |
| Best For | Tech, dashboards, modern apps | Organic brands, food, travel |
Our Recommendation
Slate for digital-first tech products. Stone for brands rooted in nature, food, or warm aesthetics.
Tailwind Classes
Slate
Background: bg-slate-500
Text: text-slate-500
Border: border-slate-500
Stone
Background: bg-stone-500
Text: text-stone-500
Border: border-stone-500
#neutrals#slate#stone#comparison