Olive Drab
See how #6B8E23 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Olive Drab Base */
--color-primary: #6B8E23;
--color-primary-rgb: 107 142 35;
--color-primary-hsl: 80 60% 35%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #f5faeb;
--color-primary-100: #e0f0c2;
--color-primary-200: #cce699;
--color-primary-300: #b8db70;
--color-primary-400: #a3d147;
--color-primary-500: #8ab82e;
--color-primary-600: #6b8f24;
--color-primary-700: #4d661a;
--color-primary-800: #2e3d0f;
--color-primary-900: #0f1405;
}