Burnt Sienna
See how #E97451 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: #E97451;
--color-primary-rgb: 233 116 81;
--color-primary-hsl: 14 78% 62%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #fcede8;
--color-primary-100: #f7c9bb;
--color-primary-200: #f1a58e;
--color-primary-300: #eb8160;
--color-primary-400: #e65d33;
--color-primary-500: #cc4319;
--color-primary-600: #9f3414;
--color-primary-700: #71250e;
--color-primary-800: #441608;
--color-primary-900: #170703;
}