Light Orchid
See how #E4AFCB looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Light Orchid Base */
--color-primary: #E4AFCB;
--color-primary-rgb: 228 175 203;
--color-primary-hsl: 328 50% 79%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #f9ecf3;
--color-primary-100: #ecc6da;
--color-primary-200: #df9fc1;
--color-primary-300: #d279a9;
--color-primary-400: #c65390;
--color-primary-500: #ac3977;
--color-primary-600: #862d5c;
--color-primary-700: #602042;
--color-primary-800: #391328;
--color-primary-900: #13060d;
}