Salem
See how #159957 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Salem Base */
--color-primary: #159957;
--color-primary-rgb: 21 153 87;
--color-primary-hsl: 150 76% 34%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #e9fcf2;
--color-primary-100: #bcf6d9;
--color-primary-200: #8ff0bf;
--color-primary-300: #62eaa6;
--color-primary-400: #35e38c;
--color-primary-500: #1cca73;
--color-primary-600: #159d59;
--color-primary-700: #0f7040;
--color-primary-800: #094326;
--color-primary-900: #03160d;
}