Honey Flower
See how #4F1C70 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Honey Flower Base */
--color-primary: #4F1C70;
--color-primary-rgb: 79 28 112;
--color-primary-hsl: 276 60% 27%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #f4ebfa;
--color-primary-100: #ddc2f0;
--color-primary-200: #c799e6;
--color-primary-300: #b070db;
--color-primary-400: #9a47d1;
--color-primary-500: #812eb8;
--color-primary-600: #64248f;
--color-primary-700: #471a66;
--color-primary-800: #2b0f3d;
--color-primary-900: #0e0514;
}