Korma
See how #8F4B0E looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Korma Base */
--color-primary: #8F4B0E;
--color-primary-rgb: 143 75 14;
--color-primary-hsl: 28 82% 31%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #fdf2e8;
--color-primary-100: #f8d7b9;
--color-primary-200: #f4bc8b;
--color-primary-300: #efa15d;
--color-primary-400: #ea862e;
--color-primary-500: #d16c15;
--color-primary-600: #a25410;
--color-primary-700: #743c0b;
--color-primary-800: #462407;
--color-primary-900: #170c02;
}