Slate vs Gray: Which Neutral Should You Use?

Compare Tailwind's slate and gray color families to choose the right neutral for your project.

Slate

#64748b

Cool blue undertone

Gray

#6b7280

True neutral, no undertone

Side-by-Side Comparison

AspectSlateGray
UndertoneCool blue tintPure neutral gray
MoodModern, professional, tech-forwardBalanced, classic, versatile
Pairs well withBlue, indigo, cyan, skyAny color family
Use caseSaaS, dashboards, documentationE-commerce, portfolios, general sites
Best ForModern tech interfaces, professional applicationsBalanced designs, traditional interfaces

Our Recommendation

Choose slate for modern tech products and dashboards. Choose gray for versatile, all-purpose designs.

Tailwind Classes

Slate

Background: bg-slate-500

Text: text-slate-500

Border: border-slate-500

Gray

Background: bg-gray-500

Text: text-gray-500

Border: border-gray-500

#neutrals#slate#gray#comparison