Millbrook
See how #594433 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Millbrook Base */
--color-primary: #594433;
--color-primary-rgb: 89 68 51;
--color-primary-hsl: 27 27% 27%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #f6f2ef;
--color-primary-100: #e3d8ce;
--color-primary-200: #d0beae;
--color-primary-300: #bea38e;
--color-primary-400: #ab896d;
--color-primary-500: #927054;
--color-primary-600: #715741;
--color-primary-700: #513e2f;
--color-primary-800: #31251c;
--color-primary-900: #100c09;
}