Palette · 3 colors · Lc 8
Classic Gingerbread Crumble Forge palette
Classic Gingerbread Crumble Forge: a 3-color palette (Yellow, Gray, Warm, Nature). HEX, RGB, HSL and OKLCH for #EAE7E3, #9D6037, #271408, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EAE7E3
accent
#9D6037
text
#271408
Colors in Classic Gingerbread Crumble Forge: HEX, RGB, HSL & OKLCH
- #EAE7E3 color page →
bg
#EAE7E3
- RGB
- rgb(234 231 227)
- HSL
- hsl(34 14% 90%)
- OKLCH
- oklch(0.929 0.006 75.4)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.03:1 (AAA)
- #9D6037 color page →
accent
#9D6037
- RGB
- rgb(157 96 55)
- HSL
- hsl(24 48% 42%)
- OKLCH
- oklch(0.548 0.097 53.2)
WCAG contrast: on white 5.04:1 (AA) · on black 4.16:1 (Fail)
- #271408 color page →
text
#271408
- RGB
- rgb(39 20 8)
- HSL
- hsl(23 66% 9%)
- OKLCH
- oklch(0.215 0.038 52)
WCAG contrast: on white 17.64:1 (AAA) · on black 1.18:1 (Fail)
Export Classic Gingerbread Crumble Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eae7e3;
--accent: #9d6037;
--text: #271408;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eae7e3;
--color-accent: #9d6037;
--color-text: #271408;
}JSON (DTCG tokens)
{
"classic-gingerbread-crumble-forge-4nd": {
"bg": {
"$type": "color",
"$value": "#eae7e3"
},
"accent": {
"$type": "color",
"$value": "#9d6037"
},
"text": {
"$type": "color",
"$value": "#271408"
}
}
}About this palette
Classic Gingerbread Crumble Forge is a 3-color OKLCH-ready palette tagged yellow, gray, warm, nature, brown, 3 colors. Hex values: #EAE7E3, #9D6037, #271408. APCA contrast score Lc 8. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Classic Gingerbread Crumble Forge by OKLab color distance.