Indian Khaki
See how #C3B091 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Indian Khaki Base */
--color-primary: #C3B091;
--color-primary-rgb: 195 176 145;
--color-primary-hsl: 37 29% 67%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #f6f3ef;
--color-primary-100: #e4dbce;
--color-primary-200: #d2c4ad;
--color-primary-300: #c0ac8c;
--color-primary-400: #ae946b;
--color-primary-500: #947b51;
--color-primary-600: #735f3f;
--color-primary-700: #52442d;
--color-primary-800: #31291b;
--color-primary-900: #100e09;
}