Chinook
See how #A8E3BD looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Chinook Base */
--color-primary: #A8E3BD;
--color-primary-rgb: 168 227 189;
--color-primary-hsl: 141 51% 77%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #ecf9f0;
--color-primary-100: #c5ecd3;
--color-primary-200: #9fe0b5;
--color-primary-300: #78d398;
--color-primary-400: #52c77b;
--color-primary-500: #38ad61;
--color-primary-600: #2c874c;
--color-primary-700: #1f6036;
--color-primary-800: #133a20;
--color-primary-900: #06130b;
}