Tyrian Purple
See how #66023C looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Tyrian Purple Base */
--color-primary: #66023C;
--color-primary-rgb: 102 2 60;
--color-primary-hsl: 325 96% 20%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #fee6f4;
--color-primary-100: #fdb4df;
--color-primary-200: #fc82c9;
--color-primary-300: #fb50b4;
--color-primary-400: #fa1e9f;
--color-primary-500: #e10585;
--color-primary-600: #af0468;
--color-primary-700: #7d034a;
--color-primary-800: #4b022c;
--color-primary-900: #19010f;
}