Charred Cocoa color palette — #F6DFC6 · #674500 · #352400 · #160F00 · #020100

A conversation between Bronze and Espresso, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#F6DFC6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#674500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#352400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#160F00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

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

• Deep Balcony color palette (#EAEACB, #645E00, #323000, #111A16, #070600)
• Terracotta Villa color palette (#FFDCDA, #970F00, #4D1200, #200700, #030100)
• Olive Thicket color palette (#DDE2C1, #677F00, #3A5300, #0E2A00, #001101)
• Aged Loft color palette (#D6F4E4, #8C9855, #437408, #423200, #000201)
• Fern Workshop color palette (#F9DDC8, #006D6A, #236200, #020C08, #000201)
• Dusty Chapel color palette (#EADFCD, #C49700, #7C6700, #504800, #272700)
• Emerald Station color palette (#DFF6E0, #00AC57, #006E46, #00412F, #00231B)
• Faded Olive color palette (#DCE0D3, #8DB76A, #39871C, #1E5C22, #003735)

Browse the whole catalog at Explore, or see today's palette.