Tuscany
See how #BD5E2E looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Tuscany Base */
--color-primary: #BD5E2E;
--color-primary-rgb: 189 94 46;
--color-primary-hsl: 20 61% 46%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #faf0ea;
--color-primary-100: #f0d1c1;
--color-primary-200: #e6b298;
--color-primary-300: #dc946f;
--color-primary-400: #d27546;
--color-primary-500: #b95b2d;
--color-primary-600: #904723;
--color-primary-700: #673319;
--color-primary-800: #3e1e0f;
--color-primary-900: #150a05;
}