Color palette
Pine Forest
cool · moody · green
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: #1B4332;
--color-2: #2D6A4F;
--color-3: #40916C;
--color-4: #74C69D;
--color-5: #B7E4C7;
} Tailwind
theme: {
colors: {
'c1': '#1B4332',
'c2': '#2D6A4F',
'c3': '#40916C',
'c4': '#74C69D',
'c5': '#B7E4C7',
}
} JSON
[ "#1B4332", "#2D6A4F", "#40916C", "#74C69D", "#B7E4C7" ]