Turquoise Blue
See how #69EACB looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Turquoise Blue Base */
--color-primary: #69EACB;
--color-primary-rgb: 105 234 203;
--color-primary-hsl: 166 75% 66%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #e9fcf7;
--color-primary-100: #bcf5e8;
--color-primary-200: #8fefd9;
--color-primary-300: #63e9c9;
--color-primary-400: #36e2ba;
--color-primary-500: #1dc9a1;
--color-primary-600: #169c7d;
--color-primary-700: #107059;
--color-primary-800: #0a4336;
--color-primary-900: #031612;
}