Mountain Meadow
See how #1AB385 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: #1AB385;
--color-primary-rgb: 26 179 133;
--color-primary-hsl: 162 75% 40%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #e9fcf6;
--color-primary-100: #bcf5e4;
--color-primary-200: #8fefd2;
--color-primary-300: #63e9c1;
--color-primary-400: #36e2af;
--color-primary-500: #1dc995;
--color-primary-600: #169c74;
--color-primary-700: #107053;
--color-primary-800: #0a4332;
--color-primary-900: #031611;
}