Antique Bronze
See how #704A07 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Antique Bronze Base */
--color-primary: #704A07;
--color-primary-rgb: 112 74 7;
--color-primary-hsl: 38 88% 23%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #fdf5e7;
--color-primary-100: #fae2b7;
--color-primary-200: #f7ce87;
--color-primary-300: #f4bb57;
--color-primary-400: #f1a727;
--color-primary-500: #d88e0e;
--color-primary-600: #a86e0b;
--color-primary-700: #784f08;
--color-primary-800: #482f05;
--color-primary-900: #181002;
}