Color palette
Sepia Archive
vintage · minimal · warm · orange
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: #5C4033;
--color-2: #8B6F47;
--color-3: #C4A484;
--color-4: #E3D5C0;
--color-5: #F5EFE6;
} Tailwind
theme: {
colors: {
'c1': '#5C4033',
'c2': '#8B6F47',
'c3': '#C4A484',
'c4': '#E3D5C0',
'c5': '#F5EFE6',
}
} JSON
[ "#5C4033", "#8B6F47", "#C4A484", "#E3D5C0", "#F5EFE6" ]