Palette · 6 colors · Lc 10
Hot Cacao Ledger palette
Hot Cacao Ledger: a 6-color palette (Yellow, Gray, Warm, UI System). HEX, RGB, HSL and OKLCH for #FAF3F1, #EED9CF, #CDB2A8, #9B6A54, #5B4F2D, #22140F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FAF3F1
surface
#EED9CF
muted
#CDB2A8
primary
#9B6A54
accent
#5B4F2D
text
#22140F
Colors in Hot Cacao Ledger: HEX, RGB, HSL & OKLCH
- #FAF3F1 color page →
bg
#FAF3F1
- RGB
- rgb(250 243 241)
- HSL
- hsl(13 47% 96%)
- OKLCH
- oklch(0.969 0.008 36.6)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.15:1 (AAA)
- #EED9CF color page →
surface
#EED9CF
- RGB
- rgb(238 217 207)
- HSL
- hsl(19 48% 87%)
- OKLCH
- oklch(0.9 0.027 47.2)
WCAG contrast: on white 1.35:1 (Fail) · on black 15.46:1 (AAA)
- #CDB2A8 color page →
muted
#CDB2A8
- RGB
- rgb(205 178 168)
- HSL
- hsl(16 27% 73%)
- OKLCH
- oklch(0.784 0.034 41.4)
WCAG contrast: on white 1.99:1 (Fail) · on black 10.52:1 (AAA)
- #9B6A54 color page →
primary
#9B6A54
- RGB
- rgb(155 106 84)
- HSL
- hsl(19 30% 47%)
- OKLCH
- oklch(0.57 0.071 45)
WCAG contrast: on white 4.58:1 (AA) · on black 4.58:1 (AA)
- #5B4F2D color page →
accent
#5B4F2D
- RGB
- rgb(91 79 45)
- HSL
- hsl(44 34% 27%)
- OKLCH
- oklch(0.431 0.053 90.6)
WCAG contrast: on white 8.07:1 (AAA) · on black 2.60:1 (Fail)
- #22140F color page →
text
#22140F
- RGB
- rgb(34 20 15)
- HSL
- hsl(16 39% 10%)
- OKLCH
- oklch(0.208 0.025 40.5)
WCAG contrast: on white 17.87:1 (AAA) · on black 1.17:1 (Fail)
Export Hot Cacao Ledger: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #faf3f1;
--surface: #eed9cf;
--muted: #cdb2a8;
--primary: #9b6a54;
--accent: #5b4f2d;
--text: #22140f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #faf3f1;
--color-surface: #eed9cf;
--color-muted: #cdb2a8;
--color-primary: #9b6a54;
--color-accent: #5b4f2d;
--color-text: #22140f;
}JSON (DTCG tokens)
{
"hot-cacao-ledger-3xw": {
"bg": {
"$type": "color",
"$value": "#faf3f1"
},
"surface": {
"$type": "color",
"$value": "#eed9cf"
},
"muted": {
"$type": "color",
"$value": "#cdb2a8"
},
"primary": {
"$type": "color",
"$value": "#9b6a54"
},
"accent": {
"$type": "color",
"$value": "#5b4f2d"
},
"text": {
"$type": "color",
"$value": "#22140f"
}
}
}About this palette
Hot Cacao Ledger is a 6-color OKLCH-ready palette tagged yellow, gray, warm, ui system, 6 colors. Hex values: #FAF3F1, #EED9CF, #CDB2A8, #9B6A54, #5B4F2D, #22140F. 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 Ledger by OKLab color distance.