London Hue
See how #CBB4D4 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* London Hue Base */
--color-primary: #CBB4D4;
--color-primary-rgb: 203 180 212;
--color-primary-hsl: 283 27% 77%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #f4eff6;
--color-primary-100: #ddcee3;
--color-primary-200: #c7aed0;
--color-primary-300: #b08ebe;
--color-primary-400: #9a6dab;
--color-primary-500: #805492;
--color-primary-600: #644171;
--color-primary-700: #472f51;
--color-primary-800: #2b1c31;
--color-primary-900: #0e0910;
}