Gray vs Stone: Neutral vs Warm Gray
Compare Tailwind's gray and stone for choosing between balanced and earthy neutral tones.
Gray
#6b7280
True neutral
Stone
#78716c
Warm brown/beige
Side-by-Side Comparison
| Aspect | Gray | Stone |
|---|---|---|
| Undertone | No undertone | Warm taupe/brown |
| Mood | Balanced, classic, clean | Cozy, organic, welcoming |
| Pairs well with | Any color | Amber, orange, green, earth tones |
| Use case | Any website, universal | Bakeries, wellness, nature brands |
| Best For | Versatile, general-purpose | Organic, nature-inspired designs |
Our Recommendation
Gray for versatile, color-agnostic foundations. Stone for warm, inviting designs with organic character.
Tailwind Classes
Gray
Background: bg-gray-500
Text: text-gray-500
Border: border-gray-500
Stone
Background: bg-stone-500
Text: text-stone-500
Border: border-stone-500
#neutrals#gray#stone#comparison