Slate vs Zinc for Backgrounds
Compare slate and zinc as page and section background colors in Tailwind CSS.
Slate
#64748b
Blue-tinted backgrounds
Zinc
#71717a
Near-neutral backgrounds
Side-by-Side Comparison
| Aspect | Slate | Zinc |
|---|---|---|
| Undertone on surfaces | Visible blue tint on large areas | Barely perceptible on surfaces |
| Mood | Professional, tech, focused | Clean, minimal, sophisticated |
| Pairs well with | Blue, sky, cyan accents | Any accent color |
| Use case | Dashboard shells, sidebar panels | Landing pages, card backgrounds |
| Best For | Dashboard backgrounds, sidebars | Minimal page backgrounds, cards |
Our Recommendation
Slate backgrounds for tech dashboards. Zinc backgrounds for clean, accent-agnostic surfaces.
Tailwind Classes
Slate
Background: bg-slate-500
Text: text-slate-500
Border: border-slate-500
Zinc
Background: bg-zinc-500
Text: text-zinc-500
Border: border-zinc-500
#backgrounds#slate#zinc#surfaces#comparison