Color palette
Golden Hour
warm · bold · orange, red
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: #F9A825;
--color-2: #FB8C00;
--color-3: #FFD166;
--color-4: #FFB4A2;
--color-5: #E76F51;
} Tailwind
theme: {
colors: {
'c1': '#F9A825',
'c2': '#FB8C00',
'c3': '#FFD166',
'c4': '#FFB4A2',
'c5': '#E76F51',
}
} JSON
[ "#F9A825", "#FB8C00", "#FFD166", "#FFB4A2", "#E76F51" ]