Mountain Meadow
See how #1D976C 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: #1D976C;
--color-primary-rgb: 29 151 108;
--color-primary-hsl: 159 68% 35%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #eafbf5;
--color-primary-100: #bff3e1;
--color-primary-200: #94ebcc;
--color-primary-300: #69e2b8;
--color-primary-400: #3edaa4;
--color-primary-500: #25c18a;
--color-primary-600: #1d966b;
--color-primary-700: #146b4d;
--color-primary-800: #0c402e;
--color-primary-900: #04150f;
}