Revolver
See how #2C1632 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Revolver Base */
--color-primary: #2C1632;
--color-primary-rgb: 44 22 50;
--color-primary-hsl: 287 39% 14%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #f5edf7;
--color-primary-100: #e1cae8;
--color-primary-200: #cda6d8;
--color-primary-300: #b983c9;
--color-primary-400: #a65fb9;
--color-primary-500: #8c46a0;
--color-primary-600: #6d367c;
--color-primary-700: #4e2759;
--color-primary-800: #2f1735;
--color-primary-900: #100812;
}