Palette · 8 colors · Lc 9.8
Chocolate Explosion Prism palette
Chocolate Explosion Prism: a 8-color palette (Orange, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #FFF4F4, #EBB8BA, #CE968F, #B97067, #934940, #66372B, #36100B, #150705, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF4F4
surface
#EBB8BA
muted
#CE968F
primary
#B97067
secondary
#934940
accent
#66372B
highlight
#36100B
text
#150705
Colors in Chocolate Explosion Prism: HEX, RGB, HSL & OKLCH
- #FFF4F4 color page →
bg
#FFF4F4
- RGB
- rgb(255 244 244)
- HSL
- hsl(0 100% 98%)
- OKLCH
- oklch(0.976 0.012 17.4)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.49:1 (AAA)
- #EBB8BA color page →
surface
#EBB8BA
- RGB
- rgb(235 184 186)
- HSL
- hsl(358 56% 82%)
- OKLCH
- oklch(0.829 0.059 15.8)
WCAG contrast: on white 1.73:1 (Fail) · on black 12.09:1 (AAA)
- #CE968F color page →
muted
#CE968F
- RGB
- rgb(206 150 143)
- HSL
- hsl(7 39% 68%)
- OKLCH
- oklch(0.725 0.069 26.9)
WCAG contrast: on white 2.50:1 (Fail) · on black 8.38:1 (AAA)
- #B97067 color page →
primary
#B97067
- RGB
- rgb(185 112 103)
- HSL
- hsl(7 37% 56%)
- OKLCH
- oklch(0.622 0.094 27.6)
WCAG contrast: on white 3.76:1 (Fail) · on black 5.57:1 (AA)
- #934940 color page →
secondary
#934940
- RGB
- rgb(147 73 64)
- HSL
- hsl(7 39% 41%)
- OKLCH
- oklch(0.496 0.102 28.4)
WCAG contrast: on white 6.42:1 (AA) · on black 3.26:1 (Fail)
- #66372B color page →
accent
#66372B
- RGB
- rgb(102 55 43)
- HSL
- hsl(12 41% 28%)
- OKLCH
- oklch(0.393 0.07 35.2)
WCAG contrast: on white 9.78:1 (AAA) · on black 2.14:1 (Fail)
- #36100B color page →
highlight
#36100B
- RGB
- rgb(54 16 11)
- HSL
- hsl(7 66% 13%)
- OKLCH
- oklch(0.235 0.062 30)
WCAG contrast: on white 16.99:1 (AAA) · on black 1.23:1 (Fail)
- #150705 color page →
text
#150705
- RGB
- rgb(21 7 5)
- HSL
- hsl(8 62% 5%)
- OKLCH
- oklch(0.151 0.027 31.7)
WCAG contrast: on white 19.72:1 (AAA) · on black 1.06:1 (Fail)
Export Chocolate Explosion Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff4f4;
--surface: #ebb8ba;
--muted: #ce968f;
--primary: #b97067;
--secondary: #934940;
--accent: #66372b;
--highlight: #36100b;
--text: #150705;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff4f4;
--color-surface: #ebb8ba;
--color-muted: #ce968f;
--color-primary: #b97067;
--color-secondary: #934940;
--color-accent: #66372b;
--color-highlight: #36100b;
--color-text: #150705;
}JSON (DTCG tokens)
{
"chocolate-explosion-prism-5wv": {
"bg": {
"$type": "color",
"$value": "#fff4f4"
},
"surface": {
"$type": "color",
"$value": "#ebb8ba"
},
"muted": {
"$type": "color",
"$value": "#ce968f"
},
"primary": {
"$type": "color",
"$value": "#b97067"
},
"secondary": {
"$type": "color",
"$value": "#934940"
},
"accent": {
"$type": "color",
"$value": "#66372b"
},
"highlight": {
"$type": "color",
"$value": "#36100b"
},
"text": {
"$type": "color",
"$value": "#150705"
}
}
}About this palette
Chocolate Explosion Prism is a 8-color OKLCH-ready palette tagged orange, warm, 8 colors. Hex values: #FFF4F4, #EBB8BA, #CE968F, #B97067, #934940, #66372B, #36100B, #150705. APCA contrast score Lc 9.8. 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 Chocolate Explosion Prism by OKLab color distance.