Burnt Sienna
See how #EC6F66 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Burnt Sienna Base */
--color-primary: #EC6F66;
--color-primary-rgb: 236 111 102;
--color-primary-hsl: 4 78% 66%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #fceae8;
--color-primary-100: #f7bfbb;
--color-primary-200: #f1948e;
--color-primary-300: #eb6960;
--color-primary-400: #e63f33;
--color-primary-500: #cc2519;
--color-primary-600: #9f1d14;
--color-primary-700: #71150e;
--color-primary-800: #440c08;
--color-primary-900: #170403;
}