Gray Nurse
See how #E7ECE6 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Gray Nurse Base */
--color-primary: #E7ECE6;
--color-primary-rgb: 231 236 230;
--color-primary-hsl: 110 14% 91%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #f1f4f0;
--color-primary-100: #d5ded3;
--color-primary-200: #b9c8b6;
--color-primary-300: #9db299;
--color-primary-400: #829c7c;
--color-primary-500: #688363;
--color-primary-600: #51664d;
--color-primary-700: #3a4937;
--color-primary-800: #232c21;
--color-primary-900: #0c0f0b;
}