Palette · 5 colors · Lc 9.5
Pure Mocha Madness Bloom palette
Pure Mocha Madness Bloom: a 5-color palette (Yellow, Gray, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #FFECE2, #91715F, #446576, #392F2B, #110906, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFECE2
surface
#91715F
primary
#446576
accent
#392F2B
text
#110906
Colors in Pure Mocha Madness Bloom: HEX, RGB, HSL & OKLCH
- #FFECE2 color page →
bg
#FFECE2
- RGB
- rgb(255 236 226)
- HSL
- hsl(21 100% 94%)
- OKLCH
- oklch(0.956 0.025 49.7)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.34:1 (AAA)
- #91715F color page →
surface
#91715F
- RGB
- rgb(145 113 95)
- HSL
- hsl(22 21% 47%)
- OKLCH
- oklch(0.575 0.049 50.8)
WCAG contrast: on white 4.43:1 (Fail) · on black 4.73:1 (AA)
- #446576 color page →
primary
#446576
- RGB
- rgb(68 101 118)
- HSL
- hsl(200 27% 36%)
- OKLCH
- oklch(0.488 0.047 231.4)
WCAG contrast: on white 6.23:1 (AA) · on black 3.36:1 (Fail)
- #392F2B color page →
accent
#392F2B
- RGB
- rgb(57 47 43)
- HSL
- hsl(17 14% 20%)
- OKLCH
- oklch(0.315 0.016 43)
WCAG contrast: on white 12.99:1 (AAA) · on black 1.61:1 (Fail)
- #110906 color page →
text
#110906
- RGB
- rgb(17 9 6)
- HSL
- hsl(16 48% 5%)
- OKLCH
- oklch(0.15 0.016 45)
WCAG contrast: on white 19.70:1 (AAA) · on black 1.06:1 (Fail)
Export Pure Mocha Madness Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffece2;
--surface: #91715f;
--primary: #446576;
--accent: #392f2b;
--text: #110906;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffece2;
--color-surface: #91715f;
--color-primary: #446576;
--color-accent: #392f2b;
--color-text: #110906;
}JSON (DTCG tokens)
{
"pure-mocha-madness-bloom-1jm": {
"bg": {
"$type": "color",
"$value": "#ffece2"
},
"surface": {
"$type": "color",
"$value": "#91715f"
},
"primary": {
"$type": "color",
"$value": "#446576"
},
"accent": {
"$type": "color",
"$value": "#392f2b"
},
"text": {
"$type": "color",
"$value": "#110906"
}
}
}About this palette
Pure Mocha Madness Bloom is a 5-color OKLCH-ready palette tagged yellow, gray, warm, 5 colors. Hex values: #FFECE2, #91715F, #446576, #392F2B, #110906. APCA contrast score Lc 9.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 Pure Mocha Madness Bloom by OKLab color distance.