Woodrush
See how #302A0F looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Woodrush Base */
--color-primary: #302A0F;
--color-primary-rgb: 48 42 15;
--color-primary-hsl: 49 52% 12%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #f9f6ec;
--color-primary-100: #ede5c5;
--color-primary-200: #e0d49e;
--color-primary-300: #d4c377;
--color-primary-400: #c8b251;
--color-primary-500: #ae9937;
--color-primary-600: #88772b;
--color-primary-700: #61551f;
--color-primary-800: #3a3312;
--color-primary-900: #131106;
}