Olive Green
See how #B5B35C looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Olive Green Base */
--color-primary: #B5B35C;
--color-primary-rgb: 181 179 92;
--color-primary-hsl: 59 38% 54%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #f7f7ed;
--color-primary-100: #e7e7ca;
--color-primary-200: #d7d7a7;
--color-primary-300: #c8c784;
--color-primary-400: #b8b661;
--color-primary-500: #9e9d47;
--color-primary-600: #7b7a37;
--color-primary-700: #585728;
--color-primary-800: #353418;
--color-primary-900: #121108;
}