Deep Fir
See how #061700 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Deep Fir Base */
--color-primary: #061700;
--color-primary-rgb: 6 23 0;
--color-primary-hsl: 104 100% 5%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #ecffe5;
--color-primary-100: #c7ffb3;
--color-primary-200: #a2ff80;
--color-primary-300: #7cff4d;
--color-primary-400: #57ff1a;
--color-primary-500: #3de600;
--color-primary-600: #30b300;
--color-primary-700: #228000;
--color-primary-800: #144d00;
--color-primary-900: #071a00;
}