Palette · 5 colors · Lc 8.9
Mocha Delight Dune palette
Mocha Delight Dune: a 5-color palette (Yellow, Gray, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #0F0702, #47372B, #87624C, #C8AB9B, #F4ECE8, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#0F0702
surface
#47372B
primary
#87624C
accent
#C8AB9B
text
#F4ECE8
Colors in Mocha Delight Dune: HEX, RGB, HSL & OKLCH
- #0F0702 color page →
bg
#0F0702
- RGB
- rgb(15 7 2)
- HSL
- hsl(23 76% 3%)
- OKLCH
- oklch(0.138 0.022 64.6)
WCAG contrast: on white 19.96:1 (AAA) · on black 1.05:1 (Fail)
- #47372B color page →
surface
#47372B
- RGB
- rgb(71 55 43)
- HSL
- hsl(26 25% 22%)
- OKLCH
- oklch(0.351 0.03 58.4)
WCAG contrast: on white 11.35:1 (AAA) · on black 1.84:1 (Fail)
- #87624C color page →
primary
#87624C
- RGB
- rgb(135 98 76)
- HSL
- hsl(22 28% 41%)
- OKLCH
- oklch(0.529 0.058 51.8)
WCAG contrast: on white 5.41:1 (AA) · on black 3.88:1 (Fail)
- #C8AB9B color page →
accent
#C8AB9B
- RGB
- rgb(200 171 155)
- HSL
- hsl(21 29% 70%)
- OKLCH
- oklch(0.762 0.041 50.6)
WCAG contrast: on white 2.15:1 (Fail) · on black 9.75:1 (AAA)
- #F4ECE8 color page →
text
#F4ECE8
- RGB
- rgb(244 236 232)
- HSL
- hsl(20 35% 93%)
- OKLCH
- oklch(0.948 0.01 48.6)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.01:1 (AAA)
Export Mocha Delight Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0f0702;
--surface: #47372b;
--primary: #87624c;
--accent: #c8ab9b;
--text: #f4ece8;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0f0702;
--color-surface: #47372b;
--color-primary: #87624c;
--color-accent: #c8ab9b;
--color-text: #f4ece8;
}JSON (DTCG tokens)
{
"mocha-delight-dune-3ho": {
"bg": {
"$type": "color",
"$value": "#0f0702"
},
"surface": {
"$type": "color",
"$value": "#47372b"
},
"primary": {
"$type": "color",
"$value": "#87624c"
},
"accent": {
"$type": "color",
"$value": "#c8ab9b"
},
"text": {
"$type": "color",
"$value": "#f4ece8"
}
}
}About this palette
Mocha Delight Dune is a 5-color OKLCH-ready palette tagged yellow, gray, warm, 5 colors. Hex values: #0F0702, #47372B, #87624C, #C8AB9B, #F4ECE8. APCA contrast score Lc 8.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 Mocha Delight Dune by OKLab color distance.