Palette · 7 colors · Lc 8.7
True Hazel Prism palette
True Hazel Prism: a 7-color palette (Yellow, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F2E6D7, #D8BB98, #B38C63, #A16947, #77442D, #46271A, #23160F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F2E6D7
surface
#D8BB98
muted
#B38C63
primary
#A16947
secondary
#77442D
accent
#46271A
text
#23160F
Colors in True Hazel Prism: HEX, RGB, HSL & OKLCH
- #F2E6D7 color page →
bg
#F2E6D7
- RGB
- rgb(242 230 215)
- HSL
- hsl(33 51% 90%)
- OKLCH
- oklch(0.93 0.024 73.6)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.07:1 (AAA)
- #D8BB98 color page →
surface
#D8BB98
- RGB
- rgb(216 187 152)
- HSL
- hsl(33 45% 72%)
- OKLCH
- oklch(0.808 0.058 72.1)
WCAG contrast: on white 1.82:1 (Fail) · on black 11.48:1 (AAA)
- #B38C63 color page →
muted
#B38C63
- RGB
- rgb(179 140 99)
- HSL
- hsl(31 34% 55%)
- OKLCH
- oklch(0.667 0.073 67.4)
WCAG contrast: on white 3.06:1 (Fail) · on black 6.84:1 (AA)
- #A16947 color page →
primary
#A16947
- RGB
- rgb(161 105 71)
- HSL
- hsl(23 39% 45%)
- OKLCH
- oklch(0.573 0.087 51.5)
WCAG contrast: on white 4.53:1 (AA) · on black 4.62:1 (AA)
- #77442D color page →
secondary
#77442D
- RGB
- rgb(119 68 45)
- HSL
- hsl(19 45% 32%)
- OKLCH
- oklch(0.443 0.079 44.5)
WCAG contrast: on white 7.92:1 (AAA) · on black 2.64:1 (Fail)
- #46271A color page →
accent
#46271A
- RGB
- rgb(70 39 26)
- HSL
- hsl(18 46% 19%)
- OKLCH
- oklch(0.31 0.052 43.2)
WCAG contrast: on white 13.41:1 (AAA) · on black 1.56:1 (Fail)
- #23160F color page →
text
#23160F
- RGB
- rgb(35 22 15)
- HSL
- hsl(21 40% 10%)
- OKLCH
- oklch(0.215 0.025 49.3)
WCAG contrast: on white 17.60:1 (AAA) · on black 1.19:1 (Fail)
Export True Hazel Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2e6d7;
--surface: #d8bb98;
--muted: #b38c63;
--primary: #a16947;
--secondary: #77442d;
--accent: #46271a;
--text: #23160f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2e6d7;
--color-surface: #d8bb98;
--color-muted: #b38c63;
--color-primary: #a16947;
--color-secondary: #77442d;
--color-accent: #46271a;
--color-text: #23160f;
}JSON (DTCG tokens)
{
"true-hazel-prism-71s": {
"bg": {
"$type": "color",
"$value": "#f2e6d7"
},
"surface": {
"$type": "color",
"$value": "#d8bb98"
},
"muted": {
"$type": "color",
"$value": "#b38c63"
},
"primary": {
"$type": "color",
"$value": "#a16947"
},
"secondary": {
"$type": "color",
"$value": "#77442d"
},
"accent": {
"$type": "color",
"$value": "#46271a"
},
"text": {
"$type": "color",
"$value": "#23160f"
}
}
}About this palette
True Hazel Prism is a 7-color OKLCH-ready palette tagged yellow, warm, nature, brown, 7 colors. Hex values: #F2E6D7, #D8BB98, #B38C63, #A16947, #77442D, #46271A, #23160F. APCA contrast score Lc 8.7. 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 Hazel Prism by OKLab color distance.