Fall Green
See how #EAECC6 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Fall Green Base */
--color-primary: #EAECC6;
--color-primary-rgb: 234 236 198;
--color-primary-hsl: 63 50% 85%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #f8f9ec;
--color-primary-100: #eaecc6;
--color-primary-200: #dcdf9f;
--color-primary-300: #ced279;
--color-primary-400: #c0c653;
--color-primary-500: #a6ac39;
--color-primary-600: #81862d;
--color-primary-700: #5c6020;
--color-primary-800: #373913;
--color-primary-900: #121306;
}