Slate UI Palette
CSS variables
:root {
--color-1: #0F172A;
--color-2: #334155;
--color-3: #64748B;
--color-4: #CBD5E1;
--color-5: #F8FAFC;
}Tailwind config
// tailwind.config.js
colors: {
"slate-ui-1": "#0F172A",
"slate-ui-2": "#334155",
"slate-ui-3": "#64748B",
"slate-ui-4": "#CBD5E1",
"slate-ui-5": "#F8FAFC",
}About this palette
The Slate UI palette is a curated set of 5 colors with their HEX, RGB and ready CSS-variable and Tailwind exports. Click any swatch for that color's full breakdown — conversions, contrast and harmonies.
More palettes