Straw
See how #D4BF8D looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Straw Base */
--color-primary: #D4BF8D;
--color-primary-rgb: 212 191 141;
--color-primary-hsl: 42 45% 69%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #f8f5ed;
--color-primary-100: #eae0c8;
--color-primary-200: #dccba3;
--color-primary-300: #ceb67e;
--color-primary-400: #c0a159;
--color-primary-500: #a6873f;
--color-primary-600: #816931;
--color-primary-700: #5c4b23;
--color-primary-800: #372d15;
--color-primary-900: #120f07;
}