Spring Rain
See how #99C99C looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Spring Rain Base */
--color-primary: #99C99C;
--color-primary-rgb: 153 201 156;
--color-primary-hsl: 124 31% 69%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #eef6ef;
--color-primary-100: #cde5ce;
--color-primary-200: #abd3ae;
--color-primary-300: #8ac18e;
--color-primary-400: #69b06d;
--color-primary-500: #4f9654;
--color-primary-600: #3e7541;
--color-primary-700: #2c542f;
--color-primary-800: #1a321c;
--color-primary-900: #091109;
}