Palette · 6 colors · Lc 9.6
Hazelnut Horizon palette
Hazelnut Horizon: a 6-color palette (Yellow, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F9F1EB, #DCB49B, #B17259, #884F3F, #5C2C29, #260B08, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9F1EB
surface
#DCB49B
muted
#B17259
primary
#884F3F
accent
#5C2C29
text
#260B08
Colors in Hazelnut Horizon: HEX, RGB, HSL & OKLCH
- #F9F1EB color page →
bg
#F9F1EB
- RGB
- rgb(249 241 235)
- HSL
- hsl(26 54% 95%)
- OKLCH
- oklch(0.963 0.012 59.6)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.80:1 (AAA)
- #DCB49B color page →
surface
#DCB49B
- RGB
- rgb(220 180 155)
- HSL
- hsl(23 48% 74%)
- OKLCH
- oklch(0.799 0.058 53.7)
WCAG contrast: on white 1.90:1 (Fail) · on black 11.04:1 (AAA)
- #B17259 color page →
muted
#B17259
- RGB
- rgb(177 114 89)
- HSL
- hsl(17 36% 52%)
- OKLCH
- oklch(0.613 0.088 42.4)
WCAG contrast: on white 3.87:1 (Fail) · on black 5.42:1 (AA)
- #884F3F color page →
primary
#884F3F
- RGB
- rgb(136 79 63)
- HSL
- hsl(13 37% 39%)
- OKLCH
- oklch(0.49 0.081 36.5)
WCAG contrast: on white 6.48:1 (AA) · on black 3.23:1 (Fail)
- #5C2C29 color page →
accent
#5C2C29
- RGB
- rgb(92 44 41)
- HSL
- hsl(4 38% 26%)
- OKLCH
- oklch(0.357 0.071 25)
WCAG contrast: on white 11.36:1 (AAA) · on black 1.84:1 (Fail)
- #260B08 color page →
text
#260B08
- RGB
- rgb(38 11 8)
- HSL
- hsl(6 65% 9%)
- OKLCH
- oklch(0.194 0.047 28.8)
WCAG contrast: on white 18.52:1 (AAA) · on black 1.13:1 (Fail)
Export Hazelnut Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9f1eb;
--surface: #dcb49b;
--muted: #b17259;
--primary: #884f3f;
--accent: #5c2c29;
--text: #260b08;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9f1eb;
--color-surface: #dcb49b;
--color-muted: #b17259;
--color-primary: #884f3f;
--color-accent: #5c2c29;
--color-text: #260b08;
}JSON (DTCG tokens)
{
"hazelnut-horizon-3pg": {
"bg": {
"$type": "color",
"$value": "#f9f1eb"
},
"surface": {
"$type": "color",
"$value": "#dcb49b"
},
"muted": {
"$type": "color",
"$value": "#b17259"
},
"primary": {
"$type": "color",
"$value": "#884f3f"
},
"accent": {
"$type": "color",
"$value": "#5c2c29"
},
"text": {
"$type": "color",
"$value": "#260b08"
}
}
}About this palette
Hazelnut Horizon is a 6-color OKLCH-ready palette tagged yellow, warm, nature, brown, 6 colors. Hex values: #F9F1EB, #DCB49B, #B17259, #884F3F, #5C2C29, #260B08. APCA contrast score Lc 9.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 Hazelnut Horizon by OKLab color distance.