Palette · 6 colors · Lc 8.6
True Hazelnut Horizon palette
True Hazelnut Horizon: a 6-color palette (Yellow, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F5EADF, #D4B49E, #AE7154, #8D5440, #542B21, #22110D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5EADF
surface
#D4B49E
muted
#AE7154
primary
#8D5440
accent
#542B21
text
#22110D
Colors in True Hazelnut Horizon: HEX, RGB, HSL & OKLCH
- #F5EADF color page →
bg
#F5EADF
- RGB
- rgb(245 234 223)
- HSL
- hsl(30 52% 92%)
- OKLCH
- oklch(0.943 0.019 67.6)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.71:1 (AAA)
- #D4B49E color page →
surface
#D4B49E
- RGB
- rgb(212 180 158)
- HSL
- hsl(24 39% 73%)
- OKLCH
- oklch(0.792 0.048 56.4)
WCAG contrast: on white 1.94:1 (Fail) · on black 10.82:1 (AAA)
- #AE7154 color page →
muted
#AE7154
- RGB
- rgb(174 113 84)
- HSL
- hsl(19 36% 51%)
- OKLCH
- oklch(0.606 0.088 46)
WCAG contrast: on white 3.96:1 (Fail) · on black 5.28:1 (AA)
- #8D5440 color page →
primary
#8D5440
- RGB
- rgb(141 84 64)
- HSL
- hsl(16 38% 40%)
- OKLCH
- oklch(0.506 0.082 40)
WCAG contrast: on white 6.04:1 (AA) · on black 3.47:1 (Fail)
- #542B21 color page →
accent
#542B21
- RGB
- rgb(84 43 33)
- HSL
- hsl(12 44% 23%)
- OKLCH
- oklch(0.341 0.063 34.7)
WCAG contrast: on white 12.03:1 (AAA) · on black 1.74:1 (Fail)
- #22110D color page →
text
#22110D
- RGB
- rgb(34 17 13)
- HSL
- hsl(11 45% 9%)
- OKLCH
- oklch(0.201 0.03 34)
WCAG contrast: on white 18.19:1 (AAA) · on black 1.15:1 (Fail)
Export True Hazelnut Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5eadf;
--surface: #d4b49e;
--muted: #ae7154;
--primary: #8d5440;
--accent: #542b21;
--text: #22110d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5eadf;
--color-surface: #d4b49e;
--color-muted: #ae7154;
--color-primary: #8d5440;
--color-accent: #542b21;
--color-text: #22110d;
}JSON (DTCG tokens)
{
"true-hazelnut-horizon-765": {
"bg": {
"$type": "color",
"$value": "#f5eadf"
},
"surface": {
"$type": "color",
"$value": "#d4b49e"
},
"muted": {
"$type": "color",
"$value": "#ae7154"
},
"primary": {
"$type": "color",
"$value": "#8d5440"
},
"accent": {
"$type": "color",
"$value": "#542b21"
},
"text": {
"$type": "color",
"$value": "#22110d"
}
}
}About this palette
True Hazelnut Horizon is a 6-color OKLCH-ready palette tagged yellow, warm, nature, brown, 6 colors. Hex values: #F5EADF, #D4B49E, #AE7154, #8D5440, #542B21, #22110D. APCA contrast score Lc 8.6. 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 True Hazelnut Horizon by OKLab color distance.