Old Lace
See how #FDF5E6 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Old Lace Base */
--color-primary: #FDF5E6;
--color-primary-rgb: 253 245 230;
--color-primary-hsl: 39 85% 95%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #fdf6e7;
--color-primary-100: #f9e3b8;
--color-primary-200: #f5d089;
--color-primary-300: #f2bd5a;
--color-primary-400: #eeaa2b;
--color-primary-500: #d49011;
--color-primary-600: #a5700d;
--color-primary-700: #76500a;
--color-primary-800: #473006;
--color-primary-900: #181002;
}