Almond Frost
See how #907B71 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Almond Frost Base */
--color-primary: #907B71;
--color-primary-rgb: 144 123 113;
--color-primary-hsl: 19 12% 50%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #f4f2f1;
--color-primary-100: #ddd7d4;
--color-primary-200: #c7bcb8;
--color-primary-300: #b0a29b;
--color-primary-400: #9a877e;
--color-primary-500: #816e65;
--color-primary-600: #64554f;
--color-primary-700: #473d38;
--color-primary-800: #2b2522;
--color-primary-900: #0e0c0b;
}