Color palette
Sage & Linen
soft · cool · minimal · green, teal, blue
Contrast ratios are each swatch against its best of black/white text. AA = WCAG normal-text pass (≥ 4.5:1).
CSS variables
:root {
--color-1: #CAD2C5;
--color-2: #84A98C;
--color-3: #52796F;
--color-4: #354F52;
--color-5: #2F3E46;
} Tailwind
theme: {
colors: {
'c1': '#CAD2C5',
'c2': '#84A98C',
'c3': '#52796F',
'c4': '#354F52',
'c5': '#2F3E46',
}
} JSON
[ "#CAD2C5", "#84A98C", "#52796F", "#354F52", "#2F3E46" ]