Palette · 5 colors · Lc 8.5
Hazelnut Ledger palette
Hazelnut Ledger: a 5-color palette (Yellow, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F0E9E6, #DB9EA0, #AD7056, #653C0D, #20100B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0E9E6
surface
#DB9EA0
primary
#AD7056
accent
#653C0D
text
#20100B
Colors in Hazelnut Ledger: HEX, RGB, HSL & OKLCH
- #F0E9E6 color page →
bg
#F0E9E6
- RGB
- rgb(240 233 230)
- HSL
- hsl(18 25% 92%)
- OKLCH
- oklch(0.939 0.009 44.9)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.50:1 (AAA)
- #DB9EA0 color page →
surface
#DB9EA0
- RGB
- rgb(219 158 160)
- HSL
- hsl(358 46% 74%)
- OKLCH
- oklch(0.758 0.073 16.8)
WCAG contrast: on white 2.23:1 (Fail) · on black 9.41:1 (AAA)
- #AD7056 color page →
primary
#AD7056
- RGB
- rgb(173 112 86)
- HSL
- hsl(18 35% 51%)
- OKLCH
- oklch(0.604 0.087 43.8)
WCAG contrast: on white 4.01:1 (Fail) · on black 5.22:1 (AA)
- #653C0D color page →
accent
#653C0D
- RGB
- rgb(101 60 13)
- HSL
- hsl(32 77% 22%)
- OKLCH
- oklch(0.397 0.082 63.9)
WCAG contrast: on white 9.52:1 (AAA) · on black 2.20:1 (Fail)
- #20100B color page →
text
#20100B
- RGB
- rgb(32 16 11)
- HSL
- hsl(14 49% 8%)
- OKLCH
- oklch(0.194 0.029 38.1)
WCAG contrast: on white 18.41:1 (AAA) · on black 1.14:1 (Fail)
Export Hazelnut Ledger: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0e9e6;
--surface: #db9ea0;
--primary: #ad7056;
--accent: #653c0d;
--text: #20100b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0e9e6;
--color-surface: #db9ea0;
--color-primary: #ad7056;
--color-accent: #653c0d;
--color-text: #20100b;
}JSON (DTCG tokens)
{
"hazelnut-ledger-4be": {
"bg": {
"$type": "color",
"$value": "#f0e9e6"
},
"surface": {
"$type": "color",
"$value": "#db9ea0"
},
"primary": {
"$type": "color",
"$value": "#ad7056"
},
"accent": {
"$type": "color",
"$value": "#653c0d"
},
"text": {
"$type": "color",
"$value": "#20100b"
}
}
}About this palette
Hazelnut Ledger is a 5-color OKLCH-ready palette tagged yellow, warm, 5 colors. Hex values: #F0E9E6, #DB9EA0, #AD7056, #653C0D, #20100B. APCA contrast score Lc 8.5. 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 Ledger by OKLab color distance.