Daisy Bush
See how #512DA8 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Daisy Bush Base */
--color-primary: #512DA8;
--color-primary-rgb: 81 45 168;
--color-primary-hsl: 258 58% 42%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #efebfa;
--color-primary-100: #d0c3ef;
--color-primary-200: #b09ae4;
--color-primary-300: #9172da;
--color-primary-400: #724acf;
--color-primary-500: #5830b5;
--color-primary-600: #45258d;
--color-primary-700: #311b65;
--color-primary-800: #1d103c;
--color-primary-900: #0a0514;
}