Thunderbird
See how #C02B18 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Thunderbird Base */
--color-primary: #C02B18;
--color-primary-rgb: 192 43 24;
--color-primary-hsl: 7 78% 42%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #fcebe8;
--color-primary-100: #f7c2bb;
--color-primary-200: #f1998e;
--color-primary-300: #eb7060;
--color-primary-400: #e64833;
--color-primary-500: #cc2e19;
--color-primary-600: #9f2414;
--color-primary-700: #711a0e;
--color-primary-800: #440f08;
--color-primary-900: #170503;
}