Denim Palette
CSS variables
:root {
--color-1: #1E3A5F;
--color-2: #2E5A88;
--color-3: #5B8FB9;
--color-4: #A8C5DD;
--color-5: #E3EDF5;
}Tailwind config
// tailwind.config.js
colors: {
"denim-1": "#1E3A5F",
"denim-2": "#2E5A88",
"denim-3": "#5B8FB9",
"denim-4": "#A8C5DD",
"denim-5": "#E3EDF5",
}About this palette
The Denim 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