Charred Cocoa color palette — #F2E0C8 · #664900 · #352700 · #161100 · #010100
A conversation between Bronze and Espresso, giving this palette its sense of optimism and sophistication.
The five colors
- Parchment (#F2E0C8): A whisper-light, dusty gold — the color of old brass.
- Bronze (#664900): A full-bodied, balanced gold — the color of old brass.
- Espresso (#352700): A deep, shadowed, dusty gold — the color of honey in a jar.
- Ink (#161100): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#010100): a grounded near-black with real depth.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Charred Cocoa into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Shadow Fern Alley color palette (#E3E4D0, #5D6000, #303000, #162021, #090A00)
- Basalt Courtyard color palette (#F0EBCE, #374100, #003A34, #3A1800, #010100)
- Smoked Garnet Study color palette (#FBE7E4, #8A1A00, #491600, #220900, #030100)
- Pine Field color palette (#EEE9D3, #819D48, #0F7716, #393000, #020200)
- Eclipse Forest Loft color palette (#D9DEF9, #006888, #00623B, #030C0B, #010100)
- Muted Summit color palette (#D6E6D9, #00A166, #007152, #003E32, #001E19)
- Marigold Courtyard color palette (#FEEECC, #C29D00, #7A6A00, #4D4900, #262A00)
- Misty Canyon color palette (#E3E3CD, #88BF75, #208B31, #005B2A, #222C06)
Browse the whole catalog at Explore, or see today's palette.