Vanilla Ice
See how #F3D9DF looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Vanilla Ice Base */
--color-primary: #F3D9DF;
--color-primary-rgb: 243 217 223;
--color-primary-hsl: 346 52% 90%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #f9ecef;
--color-primary-100: #edc5ce;
--color-primary-200: #e09eae;
--color-primary-300: #d4778d;
--color-primary-400: #c8516c;
--color-primary-500: #ae3753;
--color-primary-600: #882b40;
--color-primary-700: #611f2e;
--color-primary-800: #3a121c;
--color-primary-900: #130609;
}