Deep Teal Palette
CSS variables
:root {
--color-1: #03312E;
--color-2: #0B5351;
--color-3: #12908C;
--color-4: #5FD9CE;
--color-5: #D6F5F2;
}Tailwind config
// tailwind.config.js
colors: {
"deep-teal-1": "#03312E",
"deep-teal-2": "#0B5351",
"deep-teal-3": "#12908C",
"deep-teal-4": "#5FD9CE",
"deep-teal-5": "#D6F5F2",
}About this palette
The Deep Teal palette is a curated set of 5 colors with their HEX, RGB and ready CSS-variable and Tailwind exports. Click any swatch for that color's full breakdown — conversions, contrast and harmonies.
More palettes