True V
See how #7C64D5 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* True V Base */
--color-primary: #7C64D5;
--color-primary-rgb: 124 100 213;
--color-primary-hsl: 253 57% 61%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #eeebfa;
--color-primary-100: #ccc3ef;
--color-primary-200: #ab9be4;
--color-primary-300: #8973d9;
--color-primary-400: #674bce;
--color-primary-500: #4e31b4;
--color-primary-600: #3c268c;
--color-primary-700: #2b1b64;
--color-primary-800: #1a103c;
--color-primary-900: #090514;
}