Moss Green
See how #B0DAB9 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Moss Green Base */
--color-primary: #B0DAB9;
--color-primary-rgb: 176 218 185;
--color-primary-hsl: 133 36% 77%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #eef7f0;
--color-primary-100: #cbe7d1;
--color-primary-200: #a8d6b2;
--color-primary-300: #86c694;
--color-primary-400: #63b675;
--color-primary-500: #499c5b;
--color-primary-600: #397947;
--color-primary-700: #295733;
--color-primary-800: #18341e;
--color-primary-900: #08110a;
}