Wild Willow
See how #B9C46A looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Wild Willow Base */
--color-primary: #B9C46A;
--color-primary-rgb: 185 196 106;
--color-primary-hsl: 67 43% 59%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #f6f8ed;
--color-primary-100: #e5e9c8;
--color-primary-200: #d4dba4;
--color-primary-300: #c3cc7f;
--color-primary-400: #b2be5b;
--color-primary-500: #99a441;
--color-primary-600: #778033;
--color-primary-700: #555b24;
--color-primary-800: #333716;
--color-primary-900: #111207;
}