Palette · 5 colors · Lc 9.6
Hot Cacao Forge palette
Hot Cacao Forge: a 5-color palette (Yellow, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #FBECDA, #C6A385, #A3654A, #5E382C, #2B120B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FBECDA
surface
#C6A385
primary
#A3654A
accent
#5E382C
text
#2B120B
Colors in Hot Cacao Forge: HEX, RGB, HSL & OKLCH
- #FBECDA color page →
bg
#FBECDA
- RGB
- rgb(251 236 218)
- HSL
- hsl(33 80% 92%)
- OKLCH
- oklch(0.95 0.029 72.5)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.11:1 (AAA)
- #C6A385 color page →
surface
#C6A385
- RGB
- rgb(198 163 133)
- HSL
- hsl(28 36% 65%)
- OKLCH
- oklch(0.739 0.059 62.3)
WCAG contrast: on white 2.33:1 (Fail) · on black 8.97:1 (AAA)
- #A3654A color page →
primary
#A3654A
- RGB
- rgb(163 101 74)
- HSL
- hsl(18 38% 46%)
- OKLCH
- oklch(0.569 0.09 44.1)
WCAG contrast: on white 4.64:1 (AA) · on black 4.51:1 (AA)
- #5E382C color page →
accent
#5E382C
- RGB
- rgb(94 56 44)
- HSL
- hsl(14 36% 27%)
- OKLCH
- oklch(0.384 0.058 38.3)
WCAG contrast: on white 10.10:1 (AAA) · on black 2.07:1 (Fail)
- #2B120B color page →
text
#2B120B
- RGB
- rgb(43 18 11)
- HSL
- hsl(13 59% 11%)
- OKLCH
- oklch(0.218 0.044 36.5)
WCAG contrast: on white 17.58:1 (AAA) · on black 1.19:1 (Fail)
Export Hot Cacao Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fbecda;
--surface: #c6a385;
--primary: #a3654a;
--accent: #5e382c;
--text: #2b120b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fbecda;
--color-surface: #c6a385;
--color-primary: #a3654a;
--color-accent: #5e382c;
--color-text: #2b120b;
}JSON (DTCG tokens)
{
"hot-cacao-forge-2ww": {
"bg": {
"$type": "color",
"$value": "#fbecda"
},
"surface": {
"$type": "color",
"$value": "#c6a385"
},
"primary": {
"$type": "color",
"$value": "#a3654a"
},
"accent": {
"$type": "color",
"$value": "#5e382c"
},
"text": {
"$type": "color",
"$value": "#2b120b"
}
}
}About this palette
Hot Cacao Forge is a 5-color OKLCH-ready palette tagged yellow, warm, nature, brown, 5 colors. Hex values: #FBECDA, #C6A385, #A3654A, #5E382C, #2B120B. APCA contrast score Lc 9.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 Hot Cacao Forge by OKLab color distance.