Mahogany
See how #4E0606 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Mahogany Base */
--color-primary: #4E0606;
--color-primary-rgb: 78 6 6;
--color-primary-hsl: 0 86% 16%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #fde7e7;
--color-primary-100: #fab8b8;
--color-primary-200: #f68888;
--color-primary-300: #f35959;
--color-primary-400: #ef2a2a;
--color-primary-500: #d51010;
--color-primary-600: #a60c0c;
--color-primary-700: #770909;
--color-primary-800: #470505;
--color-primary-900: #180202;
}