Warm Grey Palette
CSS variables
:root {
--color-1: #4A4441;
--color-2: #6E6660;
--color-3: #9C948C;
--color-4: #CFC8C1;
--color-5: #F3EFEB;
}Tailwind config
// tailwind.config.js
colors: {
"warm-grey-1": "#4A4441",
"warm-grey-2": "#6E6660",
"warm-grey-3": "#9C948C",
"warm-grey-4": "#CFC8C1",
"warm-grey-5": "#F3EFEB",
}About this palette
The Warm Grey 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