Color palette
Desert Clay
warm · vintage · red, 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: #C1502E;
--color-2: #E08E45;
--color-3: #F2C078;
--color-4: #A24936;
--color-5: #5C2B29;
} Tailwind
theme: {
colors: {
'c1': '#C1502E',
'c2': '#E08E45',
'c3': '#F2C078',
'c4': '#A24936',
'c5': '#5C2B29',
}
} JSON
[ "#C1502E", "#E08E45", "#F2C078", "#A24936", "#5C2B29" ]