Spicy Mustard
See how #74640D looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Spicy Mustard Base */
--color-primary: #74640D;
--color-primary-rgb: 116 100 13;
--color-primary-hsl: 51 80% 25%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #fcf9e8;
--color-primary-100: #f7eeba;
--color-primary-200: #f2e38c;
--color-primary-300: #edd85e;
--color-primary-400: #e8cd30;
--color-primary-500: #cfb317;
--color-primary-600: #a18b12;
--color-primary-700: #73630d;
--color-primary-800: #453c08;
--color-primary-900: #171403;
}