Color palette
Nordic
minimal · cool · 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: #ECEFF4;
--color-2: #D8DEE9;
--color-3: #81A1C1;
--color-4: #5E81AC;
--color-5: #2E3440;
} Tailwind
theme: {
colors: {
'c1': '#ECEFF4',
'c2': '#D8DEE9',
'c3': '#81A1C1',
'c4': '#5E81AC',
'c5': '#2E3440',
}
} JSON
[ "#ECEFF4", "#D8DEE9", "#81A1C1", "#5E81AC", "#2E3440" ]