Black Forest
See how #0B1304 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Black Forest Base */
--color-primary: #0B1304;
--color-primary-rgb: 11 19 4;
--color-primary-hsl: 92 65% 5%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #f2fbea;
--color-primary-100: #d7f2c0;
--color-primary-200: #bce996;
--color-primary-300: #a2e06c;
--color-primary-400: #87d742;
--color-primary-500: #6ebd28;
--color-primary-600: #55931f;
--color-primary-700: #3d6916;
--color-primary-800: #253f0d;
--color-primary-900: #0c1504;
}