Cadillac
See how #AA4B6B looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Cadillac Base */
--color-primary: #AA4B6B;
--color-primary-rgb: 170 75 107;
--color-primary-hsl: 340 39% 48%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #f7edf1;
--color-primary-100: #e8cad4;
--color-primary-200: #d8a6b7;
--color-primary-300: #c9839a;
--color-primary-400: #b95f7d;
--color-primary-500: #a04664;
--color-primary-600: #7c364e;
--color-primary-700: #592737;
--color-primary-800: #351721;
--color-primary-900: #12080b;
}