Charred Cocoa color palette — #F8E4D9 · #823C00 · #313C41 · #271300 · #080004

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

The five colors

• Parchment (#F8E4D9): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#823C00): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal (#313C41): quiet, heavy and certain.
• Ink (#271300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#080004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Midnight Chestnut Dune color palette (#E9DEC9, #6B4D00, #292532, #1E1800, #000401)
• Bronze Station color palette (#F2DACA, #A74D00, #452C00, #1B1B0E, #110400)
• Weathered Bronze Loft color palette (#D8F4E2, #9E8400, #484818, #122D1E, #0A140C)
• Bronze Station color palette (#CEE8D3, #957100, #00766D, #584100, #001411)
• Mulberry Alley color palette (#FDDAD9, #9D0028, #330501, #060700, #070007)
• Lagoon Lantern color palette (#D2F6F3, #059B6F, #00614F, #4C3200, #00140B)
• Bronze Market color palette (#F9DEC3, #AA7D20, #6E6000, #004C33, #001F1A)
• Washed Canyon color palette (#E7E1CB, #7B6400, #006D44, #8F030C, #0B0700)

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