Gray vs Zinc: True Neutral vs Minimal Gray
Compare Tailwind's gray and zinc for subtle differences in neutral foundations.
Gray
#6b7280
True neutral, balanced
Zinc
#71717a
Slightly cool, subtle
Side-by-Side Comparison
| Aspect | Gray | Zinc |
|---|---|---|
| Undertone | No undertone, pure | Faint cool undertone |
| Mood | Versatile, classic, safe | Refined, modern, clean |
| Pairs well with | Any color family | Any accent, especially pastels |
| Use case | E-commerce, blogs, general sites | Design portfolios, luxury, minimalism |
| Best For | General-purpose, e-commerce | Minimalist, luxury, dark mode |
Our Recommendation
Gray for all-purpose, safe neutral foundations. Zinc for refined minimalist aesthetics.
Tailwind Classes
Gray
Background: bg-gray-500
Text: text-gray-500
Border: border-gray-500
Zinc
Background: bg-zinc-500
Text: text-zinc-500
Border: border-zinc-500
#neutrals#gray#zinc#comparison