Color palette
Ocean Deep
cool · bold · teal, 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: #03045E;
--color-2: #0077B6;
--color-3: #00B4D8;
--color-4: #90E0EF;
--color-5: #CAF0F8;
} Tailwind
theme: {
colors: {
'c1': '#03045E',
'c2': '#0077B6',
'c3': '#00B4D8',
'c4': '#90E0EF',
'c5': '#CAF0F8',
}
} JSON
[ "#03045E", "#0077B6", "#00B4D8", "#90E0EF", "#CAF0F8" ]