Mountain Meadow
See how #16A085 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Mountain Meadow Base */
--color-primary: #16A085;
--color-primary-rgb: 22 160 133;
--color-primary-hsl: 168 76% 36%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #e9fcf8;
--color-primary-100: #bcf6ea;
--color-primary-200: #8ff0dc;
--color-primary-300: #62eace;
--color-primary-400: #35e3c1;
--color-primary-500: #1ccaa7;
--color-primary-600: #159d82;
--color-primary-700: #0f705d;
--color-primary-800: #094338;
--color-primary-900: #031613;
}