Color palette
Sky Meadow
cool · bold · blue, teal, neutral, 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: #A8DADC;
--color-2: #457B9D;
--color-3: #1D3557;
--color-4: #F1FAEE;
--color-5: #E63946;
} Tailwind
theme: {
colors: {
'c1': '#A8DADC',
'c2': '#457B9D',
'c3': '#1D3557',
'c4': '#F1FAEE',
'c5': '#E63946',
}
} JSON
[ "#A8DADC", "#457B9D", "#1D3557", "#F1FAEE", "#E63946" ]