Palette · 3 colors · Lc 9.4
Mocha Delight Nexus palette
Mocha Delight Nexus: a 3-color palette (Yellow, Gray, Warm, UI System). HEX, RGB, HSL and OKLCH for #F1EEED, #90664F, #211610, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F1EEED
accent
#90664F
text
#211610
Colors in Mocha Delight Nexus: HEX, RGB, HSL & OKLCH
- #F1EEED color page →
bg
#F1EEED
- RGB
- rgb(241 238 237)
- HSL
- hsl(15 12% 94%)
- OKLCH
- oklch(0.951 0.004 39.5)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.19:1 (AAA)
- #90664F color page →
accent
#90664F
- RGB
- rgb(144 102 79)
- HSL
- hsl(21 29% 44%)
- OKLCH
- oklch(0.548 0.064 49.7)
WCAG contrast: on white 5.00:1 (AA) · on black 4.19:1 (Fail)
- #211610 color page →
text
#211610
- RGB
- rgb(33 22 16)
- HSL
- hsl(21 35% 10%)
- OKLCH
- oklch(0.212 0.021 49.8)
WCAG contrast: on white 17.69:1 (AAA) · on black 1.18:1 (Fail)
Export Mocha Delight Nexus: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1eeed;
--accent: #90664f;
--text: #211610;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1eeed;
--color-accent: #90664f;
--color-text: #211610;
}JSON (DTCG tokens)
{
"mocha-delight-nexus-eo": {
"bg": {
"$type": "color",
"$value": "#f1eeed"
},
"accent": {
"$type": "color",
"$value": "#90664f"
},
"text": {
"$type": "color",
"$value": "#211610"
}
}
}About this palette
Mocha Delight Nexus is a 3-color OKLCH-ready palette tagged yellow, gray, warm, ui system, 3 colors. Hex values: #F1EEED, #90664F, #211610. APCA contrast score Lc 9.4. 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 Nexus by OKLab color distance.