Color palette
Dusty Rose
vintage · soft · moody · blue, neutral, 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: #9A8C98;
--color-2: #C9ADA7;
--color-3: #F2E9E4;
--color-4: #4A4E69;
--color-5: #22223B;
} Tailwind
theme: {
colors: {
'c1': '#9A8C98',
'c2': '#C9ADA7',
'c3': '#F2E9E4',
'c4': '#4A4E69',
'c5': '#22223B',
}
} JSON
[ "#9A8C98", "#C9ADA7", "#F2E9E4", "#4A4E69", "#22223B" ]