Palette · 8 colors · Lc 8.6
True Chocolate Explosion Harbor palette
True Chocolate Explosion Harbor: a 8-color palette (Orange, Warm, Monochromatic, 8 Colors). HEX, RGB, HSL and OKLCH for #FAECEB, #E9C2BF, #C58F8E, #B0746C, #89473E, #5F3333, #2E1716, #0F0605, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Orange
- Warm
- Monochromatic
- 8 Colors
bg
#FAECEB
surface
#E9C2BF
muted
#C58F8E
primary
#B0746C
secondary
#89473E
accent
#5F3333
highlight
#2E1716
text
#0F0605
Colors in True Chocolate Explosion Harbor: HEX, RGB, HSL & OKLCH
- #FAECEB color page →
bg
#FAECEB
- RGB
- rgb(250 236 235)
- HSL
- hsl(4 60% 95%)
- OKLCH
- oklch(0.954 0.015 22.4)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.26:1 (AAA)
- #E9C2BF color page →
surface
#E9C2BF
- RGB
- rgb(233 194 191)
- HSL
- hsl(4 49% 83%)
- OKLCH
- oklch(0.847 0.045 23.2)
WCAG contrast: on white 1.62:1 (Fail) · on black 12.93:1 (AAA)
- #C58F8E color page →
muted
#C58F8E
- RGB
- rgb(197 143 142)
- HSL
- hsl(1 32% 66%)
- OKLCH
- oklch(0.702 0.066 20.1)
WCAG contrast: on white 2.72:1 (Fail) · on black 7.69:1 (AAA)
- #B0746C color page →
primary
#B0746C
- RGB
- rgb(176 116 108)
- HSL
- hsl(7 30% 56%)
- OKLCH
- oklch(0.62 0.077 27.8)
WCAG contrast: on white 3.77:1 (Fail) · on black 5.56:1 (AA)
- #89473E color page →
secondary
#89473E
- RGB
- rgb(137 71 62)
- HSL
- hsl(7 38% 39%)
- OKLCH
- oklch(0.477 0.092 29)
WCAG contrast: on white 6.92:1 (AA) · on black 3.03:1 (Fail)
- #5F3333 color page →
accent
#5F3333
- RGB
- rgb(95 51 51)
- HSL
- hsl(0 30% 29%)
- OKLCH
- oklch(0.377 0.064 20.5)
WCAG contrast: on white 10.45:1 (AAA) · on black 2.00:1 (Fail)
- #2E1716 color page →
highlight
#2E1716
- RGB
- rgb(46 23 22)
- HSL
- hsl(3 35% 13%)
- OKLCH
- oklch(0.237 0.037 22.9)
WCAG contrast: on white 16.79:1 (AAA) · on black 1.25:1 (Fail)
- #0F0605 color page →
text
#0F0605
- RGB
- rgb(15 6 5)
- HSL
- hsl(6 50% 4%)
- OKLCH
- oklch(0.136 0.018 28.8)
WCAG contrast: on white 20.02:1 (AAA) · on black 1.04:1 (Fail)
Export True Chocolate Explosion Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #faeceb;
--surface: #e9c2bf;
--muted: #c58f8e;
--primary: #b0746c;
--secondary: #89473e;
--accent: #5f3333;
--highlight: #2e1716;
--text: #0f0605;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #faeceb;
--color-surface: #e9c2bf;
--color-muted: #c58f8e;
--color-primary: #b0746c;
--color-secondary: #89473e;
--color-accent: #5f3333;
--color-highlight: #2e1716;
--color-text: #0f0605;
}JSON (DTCG tokens)
{
"true-chocolate-explosion-harbor-2m0": {
"bg": {
"$type": "color",
"$value": "#faeceb"
},
"surface": {
"$type": "color",
"$value": "#e9c2bf"
},
"muted": {
"$type": "color",
"$value": "#c58f8e"
},
"primary": {
"$type": "color",
"$value": "#b0746c"
},
"secondary": {
"$type": "color",
"$value": "#89473e"
},
"accent": {
"$type": "color",
"$value": "#5f3333"
},
"highlight": {
"$type": "color",
"$value": "#2e1716"
},
"text": {
"$type": "color",
"$value": "#0f0605"
}
}
}About this palette
True Chocolate Explosion Harbor is a 8-color OKLCH-ready palette tagged orange, warm, monochromatic, 8 colors. Hex values: #FAECEB, #E9C2BF, #C58F8E, #B0746C, #89473E, #5F3333, #2E1716, #0F0605. APCA contrast score Lc 8.6. 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 True Chocolate Explosion Harbor by OKLab color distance.