Chenin
See how #DFCD6F looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Chenin Base */
--color-primary: #DFCD6F;
--color-primary-rgb: 223 205 111;
--color-primary-hsl: 50 64% 65%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #faf8ea;
--color-primary-100: #f1e9c0;
--color-primary-200: #e8da96;
--color-primary-300: #dfcc6d;
--color-primary-400: #d6bd43;
--color-primary-500: #bca429;
--color-primary-600: #927f20;
--color-primary-700: #695b17;
--color-primary-800: #3f370e;
--color-primary-900: #151205;
}