Evening Sea
See how #024E46 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Evening Sea Base */
--color-primary: #024E46;
--color-primary-rgb: 2 78 70;
--color-primary-hsl: 174 95% 16%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #e6fefc;
--color-primary-100: #b4fdf6;
--color-primary-200: #83fcf0;
--color-primary-300: #51fbea;
--color-primary-400: #1ff9e3;
--color-primary-500: #06e0ca;
--color-primary-600: #04ae9d;
--color-primary-700: #037c70;
--color-primary-800: #024b43;
--color-primary-900: #011916;
}