Deep Forest Green
See how #182D09 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Deep Forest Green Base */
--color-primary: #182D09;
--color-primary-rgb: 24 45 9;
--color-primary-hsl: 95 67% 11%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #f1fbea;
--color-primary-100: #d4f2bf;
--color-primary-200: #b8ea95;
--color-primary-300: #9ce26a;
--color-primary-400: #7fd93f;
--color-primary-500: #66c026;
--color-primary-600: #4f951d;
--color-primary-700: #396a15;
--color-primary-800: #22400d;
--color-primary-900: #0b1504;
}