Pale Leaf
See how #C0D3B9 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Pale Leaf Base */
--color-primary: #C0D3B9;
--color-primary-rgb: 192 211 185;
--color-primary-hsl: 104 23% 78%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #f1f5ef;
--color-primary-100: #d5e2d0;
--color-primary-200: #b8ceb1;
--color-primary-300: #9cba91;
--color-primary-400: #80a772;
--color-primary-500: #668d58;
--color-primary-600: #506e45;
--color-primary-700: #394e31;
--color-primary-800: #222f1d;
--color-primary-900: #0b100a;
}