Charred Cocoa color palette — #FCE2CD · #7C3E00 · #004364 · #351700 · #00070E

A conversation between Bronze and Navy, giving this palette its sense of trust and stability.

The five colors

• Parchment (#FCE2CD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#7C3E00): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#004364): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#351700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#00070E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged dark, muted, warm.

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

• Garnet Canyon color palette (#F6DAD0, #9B0019, #00484A, #440006, #000808)
• Midnight Station color palette (#E7E1D2, #785900, #242F32, #191400, #030200)
• Bronze Pier color palette (#F6DCE7, #9E5200, #005F87, #572A00, #00070E)
• Washed Canyon color palette (#FDEBCC, #654D00, #0A1FAD, #2A1E00, #000025)
• Lowlit Aubergine Grove color palette (#FAE8D9, #5D3300, #003D36, #330058, #040100)
• Aubergine Hollow color palette (#F2EFD5, #546800, #6900A5, #273200, #19002D)
• Aged Amber color palette (#F1E2D3, #C09834, #617224, #5B1D00, #140A00)
• Washed Cobalt Quarry color palette (#EFDBC0, #A67300, #006BBF, #624200, #002950)

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