Eminence
See how #5F2C82 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Eminence Base */
--color-primary: #5F2C82;
--color-primary-rgb: 95 44 130;
--color-primary-hsl: 276 49% 34%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #f3ecf8;
--color-primary-100: #dcc6eb;
--color-primary-200: #c5a0de;
--color-primary-300: #ae7ad1;
--color-primary-400: #9754c4;
--color-primary-500: #7e3bab;
--color-primary-600: #622e85;
--color-primary-700: #46215f;
--color-primary-800: #2a1439;
--color-primary-900: #0e0713;
}