Crete
See how #737829 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Crete Base */
--color-primary: #737829;
--color-primary-rgb: 115 120 41;
--color-primary-hsl: 64 49% 32%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #f8f8ec;
--color-primary-100: #e9ebc6;
--color-primary-200: #dadea0;
--color-primary-300: #ccd17a;
--color-primary-400: #bdc454;
--color-primary-500: #a3ab3b;
--color-primary-600: #7f852e;
--color-primary-700: #5b5f21;
--color-primary-800: #363914;
--color-primary-900: #121307;
}