Kilamanjaro
See how #240C02 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Kilamanjaro Base */
--color-primary: #240C02;
--color-primary-rgb: 36 12 2;
--color-primary-hsl: 18 89% 7%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #feeee7;
--color-primary-100: #fbcbb7;
--color-primary-200: #f8a987;
--color-primary-300: #f58656;
--color-primary-400: #f26326;
--color-primary-500: #d94a0d;
--color-primary-600: #a9390a;
--color-primary-700: #782907;
--color-primary-800: #481904;
--color-primary-900: #180801;
}