Metallic Bronze
See how #49371B looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Metallic Bronze Base */
--color-primary: #49371B;
--color-primary-rgb: 73 55 27;
--color-primary-hsl: 37 46% 20%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #f8f4ec;
--color-primary-100: #eaddc7;
--color-primary-200: #ddc6a2;
--color-primary-300: #cfaf7d;
--color-primary-400: #c19957;
--color-primary-500: #a87f3e;
--color-primary-600: #826330;
--color-primary-700: #5d4722;
--color-primary-800: #382a15;
--color-primary-900: #130e07;
}