Charred Cocoa color palette — #EDDFD4 · #45534B · #5B2900 · #18211A · #0B0800

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

The five colors

• Parchment (#EDDFD4): A whisper-light, dusty gold — the color of old brass.
• Charcoal Brown (#45534B): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#5B2900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#18211A): a grounded near-black with real depth.
• Ink (#0B0800): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Moonless Garnet color palette (#F4DBD5, #374130, #6D002F, #1B1709, #120400)
• Bronze Thicket color palette (#FFE4DE, #A15B00, #553C00, #252600, #0A1400)
• Eclipse Harbor color palette (#FBE5D3, #7E3F00, #2E3D38, #221600, #050200)
• Olive Field color palette (#E4E7D2, #318623, #233920, #1F210E, #0C0E06)
• Weathered Nightshade color palette (#F2EAC8, #5B4B00, #3A00B0, #2B0089, #0A0700)
• Airy Aubergine Cabin color palette (#F0DEC8, #815500, #5400BE, #3E2700, #120035)
• Worn Station color palette (#F7E8DA, #746E00, #0F4400, #261646, #121000)
• Tempered Denim color palette (#ECE0DC, #439EAB, #005072, #00321E, #030E38)

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