Conch
See how #C9D9D2 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Conch Base */
--color-primary: #C9D9D2;
--color-primary-rgb: 201 217 210;
--color-primary-hsl: 154 17% 82%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #f0f4f3;
--color-primary-100: #d2dfda;
--color-primary-200: #b4cac1;
--color-primary-300: #97b5a8;
--color-primary-400: #79a08f;
--color-primary-500: #5f8675;
--color-primary-600: #4a685b;
--color-primary-700: #354b41;
--color-primary-800: #202d27;
--color-primary-900: #0b0f0d;
}