Cab Sav
See how #4D0A18 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Cab Sav Base */
--color-primary: #4D0A18;
--color-primary-rgb: 77 10 24;
--color-primary-hsl: 347 77% 17%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #fce8ed;
--color-primary-100: #f6bbc8;
--color-primary-200: #f08ea3;
--color-primary-300: #ea617f;
--color-primary-400: #e5345a;
--color-primary-500: #cb1a41;
--color-primary-600: #9e1532;
--color-primary-700: #710f24;
--color-primary-800: #440916;
--color-primary-900: #170307;
}