Silver Tree
See how #66B58F looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Silver Tree Base */
--color-primary: #66B58F;
--color-primary-rgb: 102 181 143;
--color-primary-hsl: 151 35% 55%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #eef7f2;
--color-primary-100: #cbe6d9;
--color-primary-200: #a9d6c0;
--color-primary-300: #87c5a7;
--color-primary-400: #64b48e;
--color-primary-500: #4b9b74;
--color-primary-600: #3a785a;
--color-primary-700: #295640;
--color-primary-800: #193427;
--color-primary-900: #08110d;
}