Palette · 5 colors · Lc 9.2
Pure Hazel Beacon palette
Pure Hazel Beacon: a 5-color palette (Yellow, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F6E9DB, #D3A989, #A56645, #583126, #1D110C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F6E9DB
surface
#D3A989
primary
#A56645
accent
#583126
text
#1D110C
Colors in Pure Hazel Beacon: HEX, RGB, HSL & OKLCH
- #F6E9DB color page →
bg
#F6E9DB
- RGB
- rgb(246 233 219)
- HSL
- hsl(31 60% 91%)
- OKLCH
- oklch(0.941 0.023 69.6)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.59:1 (AAA)
- #D3A989 color page →
surface
#D3A989
- RGB
- rgb(211 169 137)
- HSL
- hsl(26 46% 68%)
- OKLCH
- oklch(0.765 0.066 58.9)
WCAG contrast: on white 2.14:1 (Fail) · on black 9.80:1 (AAA)
- #A56645 color page →
primary
#A56645
- RGB
- rgb(165 102 69)
- HSL
- hsl(21 41% 46%)
- OKLCH
- oklch(0.572 0.094 47.8)
WCAG contrast: on white 4.57:1 (AA) · on black 4.58:1 (AA)
- #583126 color page →
accent
#583126
- RGB
- rgb(88 49 38)
- HSL
- hsl(13 40% 25%)
- OKLCH
- oklch(0.36 0.06 36.6)
WCAG contrast: on white 11.15:1 (AAA) · on black 1.88:1 (Fail)
- #1D110C color page →
text
#1D110C
- RGB
- rgb(29 17 12)
- HSL
- hsl(18 41% 8%)
- OKLCH
- oklch(0.192 0.023 43.5)
WCAG contrast: on white 18.45:1 (AAA) · on black 1.13:1 (Fail)
Export Pure Hazel Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f6e9db;
--surface: #d3a989;
--primary: #a56645;
--accent: #583126;
--text: #1d110c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f6e9db;
--color-surface: #d3a989;
--color-primary: #a56645;
--color-accent: #583126;
--color-text: #1d110c;
}JSON (DTCG tokens)
{
"pure-hazel-beacon-3iw": {
"bg": {
"$type": "color",
"$value": "#f6e9db"
},
"surface": {
"$type": "color",
"$value": "#d3a989"
},
"primary": {
"$type": "color",
"$value": "#a56645"
},
"accent": {
"$type": "color",
"$value": "#583126"
},
"text": {
"$type": "color",
"$value": "#1d110c"
}
}
}About this palette
Pure Hazel Beacon is a 5-color OKLCH-ready palette tagged yellow, warm, nature, brown, 5 colors. Hex values: #F6E9DB, #D3A989, #A56645, #583126, #1D110C. APCA contrast score Lc 9.2. 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 Pure Hazel Beacon by OKLab color distance.