Turquoise
See how #34E89E looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Turquoise Base */
--color-primary: #34E89E;
--color-primary-rgb: 52 232 158;
--color-primary-hsl: 155 80% 56%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #e8fcf4;
--color-primary-100: #baf7de;
--color-primary-200: #8cf2c8;
--color-primary-300: #5eedb2;
--color-primary-400: #30e89c;
--color-primary-500: #17cf82;
--color-primary-600: #12a165;
--color-primary-700: #0d7348;
--color-primary-800: #08452b;
--color-primary-900: #03170e;
}