Cherrywood
See how #651A14 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Cherrywood Base */
--color-primary: #651A14;
--color-primary-rgb: 101 26 20;
--color-primary-hsl: 4 67% 24%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #fbebea;
--color-primary-100: #f2c3bf;
--color-primary-200: #ea9a95;
--color-primary-300: #e2726a;
--color-primary-400: #d94a3f;
--color-primary-500: #c03026;
--color-primary-600: #95251d;
--color-primary-700: #6a1b15;
--color-primary-800: #40100d;
--color-primary-900: #150504;
}