Everglade
See how #1C402E looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Everglade Base */
--color-primary: #1C402E;
--color-primary-rgb: 28 64 46;
--color-primary-hsl: 150 39% 18%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #edf7f2;
--color-primary-100: #cae8d9;
--color-primary-200: #a6d8bf;
--color-primary-300: #83c9a6;
--color-primary-400: #5fb98c;
--color-primary-500: #46a073;
--color-primary-600: #367c59;
--color-primary-700: #275940;
--color-primary-800: #173526;
--color-primary-900: #08120d;
}