Color palette
Midnight Teal
cool · moody · blue, teal
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: #0D1B2A;
--color-2: #1B263B;
--color-3: #264653;
--color-4: #2A9D8F;
--color-5: #83C5BE;
} Tailwind
theme: {
colors: {
'c1': '#0D1B2A',
'c2': '#1B263B',
'c3': '#264653',
'c4': '#2A9D8F',
'c5': '#83C5BE',
}
} JSON
[ "#0D1B2A", "#1B263B", "#264653", "#2A9D8F", "#83C5BE" ]