Palette · 6 colors · Lc 9
True Hazelnut Prism palette
True Hazelnut Prism: a 6-color palette (Yellow, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F2E8DE, #D5AA85, #B17257, #7D4A3C, #4D2926, #240C08, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F2E8DE
surface
#D5AA85
muted
#B17257
primary
#7D4A3C
accent
#4D2926
text
#240C08
Colors in True Hazelnut Prism: HEX, RGB, HSL & OKLCH
- #F2E8DE color page →
bg
#F2E8DE
- RGB
- rgb(242 232 222)
- HSL
- hsl(30 43% 91%)
- OKLCH
- oklch(0.936 0.017 67.6)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.37:1 (AAA)
- #D5AA85 color page →
surface
#D5AA85
- RGB
- rgb(213 170 133)
- HSL
- hsl(28 49% 68%)
- OKLCH
- oklch(0.768 0.071 62.2)
WCAG contrast: on white 2.11:1 (Fail) · on black 9.91:1 (AAA)
- #B17257 color page →
muted
#B17257
- RGB
- rgb(177 114 87)
- HSL
- hsl(18 37% 52%)
- OKLCH
- oklch(0.613 0.089 43.9)
WCAG contrast: on white 3.87:1 (Fail) · on black 5.41:1 (AA)
- #7D4A3C color page →
primary
#7D4A3C
- RGB
- rgb(125 74 60)
- HSL
- hsl(13 35% 36%)
- OKLCH
- oklch(0.465 0.074 36.2)
WCAG contrast: on white 7.19:1 (AAA) · on black 2.91:1 (Fail)
- #4D2926 color page →
accent
#4D2926
- RGB
- rgb(77 41 38)
- HSL
- hsl(5 34% 23%)
- OKLCH
- oklch(0.327 0.054 25.5)
WCAG contrast: on white 12.64:1 (AAA) · on black 1.66:1 (Fail)
- #240C08 color page →
text
#240C08
- RGB
- rgb(36 12 8)
- HSL
- hsl(9 64% 9%)
- OKLCH
- oklch(0.192 0.042 31.3)
WCAG contrast: on white 18.56:1 (AAA) · on black 1.13:1 (Fail)
Export True Hazelnut Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2e8de;
--surface: #d5aa85;
--muted: #b17257;
--primary: #7d4a3c;
--accent: #4d2926;
--text: #240c08;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2e8de;
--color-surface: #d5aa85;
--color-muted: #b17257;
--color-primary: #7d4a3c;
--color-accent: #4d2926;
--color-text: #240c08;
}JSON (DTCG tokens)
{
"true-hazelnut-prism-39x": {
"bg": {
"$type": "color",
"$value": "#f2e8de"
},
"surface": {
"$type": "color",
"$value": "#d5aa85"
},
"muted": {
"$type": "color",
"$value": "#b17257"
},
"primary": {
"$type": "color",
"$value": "#7d4a3c"
},
"accent": {
"$type": "color",
"$value": "#4d2926"
},
"text": {
"$type": "color",
"$value": "#240c08"
}
}
}About this palette
True Hazelnut Prism is a 6-color OKLCH-ready palette tagged yellow, warm, nature, brown, 6 colors. Hex values: #F2E8DE, #D5AA85, #B17257, #7D4A3C, #4D2926, #240C08. APCA contrast score Lc 9. 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 Prism by OKLab color distance.