Olivine
See how #8DC26F looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Olivine Base */
--color-primary: #8DC26F;
--color-primary-rgb: 141 194 111;
--color-primary-hsl: 98 40% 60%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #f1f7ed;
--color-primary-100: #d5e8c9;
--color-primary-200: #b8d9a6;
--color-primary-300: #9cc982;
--color-primary-400: #80ba5e;
--color-primary-500: #67a145;
--color-primary-600: #507d36;
--color-primary-700: #395926;
--color-primary-800: #223617;
--color-primary-900: #0b1208;
}