Palette · 5 colors · Lc 10
Hot Cacao Horizon palette
Hot Cacao Horizon: a 5-color palette (Yellow, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #FDF4EB, #D6A87F, #A4674C, #5F2E25, #200B04, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FDF4EB
surface
#D6A87F
primary
#A4674C
accent
#5F2E25
text
#200B04
Colors in Hot Cacao Horizon: HEX, RGB, HSL & OKLCH
- #FDF4EB color page →
bg
#FDF4EB
- RGB
- rgb(253 244 235)
- HSL
- hsl(30 82% 96%)
- OKLCH
- oklch(0.972 0.015 67.6)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.31:1 (AAA)
- #D6A87F color page →
surface
#D6A87F
- RGB
- rgb(214 168 127)
- HSL
- hsl(28 51% 67%)
- OKLCH
- oklch(0.764 0.077 63)
WCAG contrast: on white 2.15:1 (Fail) · on black 9.76:1 (AAA)
- #A4674C color page →
primary
#A4674C
- RGB
- rgb(164 103 76)
- HSL
- hsl(18 37% 47%)
- OKLCH
- oklch(0.574 0.088 44.4)
WCAG contrast: on white 4.54:1 (AA) · on black 4.62:1 (AA)
- #5F2E25 color page →
accent
#5F2E25
- RGB
- rgb(95 46 37)
- HSL
- hsl(9 44% 26%)
- OKLCH
- oklch(0.364 0.074 31.7)
WCAG contrast: on white 11.02:1 (AAA) · on black 1.90:1 (Fail)
- #200B04 color page →
text
#200B04
- RGB
- rgb(32 11 4)
- HSL
- hsl(15 78% 7%)
- OKLCH
- oklch(0.181 0.04 42.1)
WCAG contrast: on white 18.90:1 (AAA) · on black 1.11:1 (Fail)
Export Hot Cacao Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fdf4eb;
--surface: #d6a87f;
--primary: #a4674c;
--accent: #5f2e25;
--text: #200b04;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fdf4eb;
--color-surface: #d6a87f;
--color-primary: #a4674c;
--color-accent: #5f2e25;
--color-text: #200b04;
}JSON (DTCG tokens)
{
"hot-cacao-horizon-1ow": {
"bg": {
"$type": "color",
"$value": "#fdf4eb"
},
"surface": {
"$type": "color",
"$value": "#d6a87f"
},
"primary": {
"$type": "color",
"$value": "#a4674c"
},
"accent": {
"$type": "color",
"$value": "#5f2e25"
},
"text": {
"$type": "color",
"$value": "#200b04"
}
}
}About this palette
Hot Cacao Horizon is a 5-color OKLCH-ready palette tagged yellow, warm, nature, brown, 5 colors. Hex values: #FDF4EB, #D6A87F, #A4674C, #5F2E25, #200B04. APCA contrast score Lc 10. 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 Horizon by OKLab color distance.