Hacienda
See how #98811B looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Hacienda Base */
--color-primary: #98811B;
--color-primary-rgb: 152 129 27;
--color-primary-hsl: 49 70% 35%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #fbf8e9;
--color-primary-100: #f4eabe;
--color-primary-200: #ecdc93;
--color-primary-300: #e4cd67;
--color-primary-400: #ddbf3c;
--color-primary-500: #c3a622;
--color-primary-600: #98811b;
--color-primary-700: #6c5c13;
--color-primary-800: #41370b;
--color-primary-900: #161204;
}