Neutral vs Stone: Pure vs Warm Neutral
Compare Tailwind's neutral and stone for data-first versus warm-brand design systems.
Neutral
#737373
Zero undertone
Stone
#78716c
Warm taupe/brown
Side-by-Side Comparison
| Aspect | Neutral | Stone |
|---|---|---|
| Undertone | None, absolute gray | Brown/beige warmth |
| Mood | Clinical, impartial, precise | Inviting, homey, natural |
| Pairs well with | Any color without bias | Amber, green, orange |
| Use case | Research tools, government, data | Hotels, restaurants, wellness spas |
| Best For | Data visualization, accessibility | Lifestyle brands, hospitality |
Our Recommendation
Neutral for unbiased, data-centric interfaces. Stone for warm, hospitality-driven brands.
Tailwind Classes
Neutral
Background: bg-neutral-500
Text: text-neutral-500
Border: border-neutral-500
Stone
Background: bg-stone-500
Text: text-stone-500
Border: border-stone-500
#neutrals#neutral#stone#comparison