Sage Palette
CSS variables
:root {
--color-1: #A3B18A;
--color-2: #DAD7CD;
--color-3: #588157;
--color-4: #3A5A40;
--color-5: #344E41;
}Tailwind config
// tailwind.config.js
colors: {
"sage-1": "#A3B18A",
"sage-2": "#DAD7CD",
"sage-3": "#588157",
"sage-4": "#3A5A40",
"sage-5": "#344E41",
}About this palette
The Sage 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