Tailwind Slate

Slate is a cool, blue-tinted gray — the most popular shadcn/ui base color. Its subtle cool cast reads as calm and professional, which is why it anchors so many SaaS dashboards.

Click any value to copy it. All 11 Slate shades (50–950) in hex, OKLCH, RGB, HSL and Tailwind class.

Swatch	Shade	Class	Hex	OKLCH	RGB	HSL
	50
	100
	200
	300
	400
	500
	600
	700
	800
	900
	950

Where to use Tailwind Slate

Page and card backgrounds: bg-slate-50 (light) / bg-slate-950 (dark).
Body text: text-slate-900 on light, text-slate-100 on dark.
Dividers and borders: border-slate-200 / border-slate-800.

Tailwind Rose All Tailwind colors Tailwind Gray

Related Tailwind colors

Tailwind Fuchsia Tailwind Pink Tailwind Rose Tailwind Gray Tailwind Zinc Tailwind Neutral

Build a full theme from Slate with the shadcn theme generator, or see the whole Tailwind colors palette.

Copied