Color palette
Arctic Calm
cool · soft · pastel · 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: #CAF0F8;
--color-2: #ADE8F4;
--color-3: #90E0EF;
--color-4: #48CAE4;
--color-5: #0096C7;
} Tailwind
theme: {
colors: {
'c1': '#CAF0F8',
'c2': '#ADE8F4',
'c3': '#90E0EF',
'c4': '#48CAE4',
'c5': '#0096C7',
}
} JSON
[ "#CAF0F8", "#ADE8F4", "#90E0EF", "#48CAE4", "#0096C7" ]