Brandy Rose
See how #BB8983 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Brandy Rose Base */
--color-primary: #BB8983;
--color-primary-rgb: 187 137 131;
--color-primary-hsl: 6 29% 62%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #f6efef;
--color-primary-100: #e4d0ce;
--color-primary-200: #d2b0ad;
--color-primary-300: #c0918c;
--color-primary-400: #ae726b;
--color-primary-500: #945851;
--color-primary-600: #73453f;
--color-primary-700: #52312d;
--color-primary-800: #311d1b;
--color-primary-900: #100a09;
}