Cold Purple
See how #B9B6E5 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Cold Purple Base */
--color-primary: #B9B6E5;
--color-primary-rgb: 185 182 229;
--color-primary-hsl: 244 47% 81%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #edecf8;
--color-primary-100: #c9c7eb;
--color-primary-200: #a5a1dd;
--color-primary-300: #817cd0;
--color-primary-400: #5e56c2;
--color-primary-500: #443da9;
--color-primary-600: #352f83;
--color-primary-700: #26225e;
--color-primary-800: #171438;
--color-primary-900: #080713;
}