Racing Green
See how #0C1911 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Racing Green Base */
--color-primary: #0C1911;
--color-primary-rgb: 12 25 17;
--color-primary-hsl: 143 35% 7%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #eef7f1;
--color-primary-100: #cbe6d6;
--color-primary-200: #a9d6ba;
--color-primary-300: #87c59e;
--color-primary-400: #64b483;
--color-primary-500: #4b9b69;
--color-primary-600: #3a7852;
--color-primary-700: #29563b;
--color-primary-800: #193423;
--color-primary-900: #08110c;
}