Jacaranda
See how #2E0329 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Jacaranda Base */
--color-primary: #2E0329;
--color-primary-rgb: 46 3 41;
--color-primary-hsl: 307 88% 10%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #fde7fb;
--color-primary-100: #fab7f3;
--color-primary-200: #f787ea;
--color-primary-300: #f457e2;
--color-primary-400: #f127da;
--color-primary-500: #d80ec0;
--color-primary-600: #a80b95;
--color-primary-700: #78086b;
--color-primary-800: #480540;
--color-primary-900: #180215;
}