Color palette
Terracotta Soft
warm · soft · vintage · red, orange, yellow, green, 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: #E07A5F;
--color-2: #F2CC8F;
--color-3: #F4F1DE;
--color-4: #81B29A;
--color-5: #3D405B;
} Tailwind
theme: {
colors: {
'c1': '#E07A5F',
'c2': '#F2CC8F',
'c3': '#F4F1DE',
'c4': '#81B29A',
'c5': '#3D405B',
}
} JSON
[ "#E07A5F", "#F2CC8F", "#F4F1DE", "#81B29A", "#3D405B" ]