Carnation
See how #F77062 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Carnation Base */
--color-primary: #F77062;
--color-primary-rgb: 247 112 98;
--color-primary-hsl: 6 90% 68%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #fee9e7;
--color-primary-100: #fbbdb6;
--color-primary-200: #f99186;
--color-primary-300: #f66555;
--color-primary-400: #f43a25;
--color-primary-500: #da200b;
--color-primary-600: #aa1909;
--color-primary-700: #791206;
--color-primary-800: #490b04;
--color-primary-900: #180401;
}