Cocoa Workshop color palette — #FEE7D3 · #784100 · #004364 · #331900 · #00070E

Built around Bronze, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Parchment (#FEE7D3): A whisper-light, dusty gold — the color of old brass.
• Bronze (#784100): A full-bodied, balanced gold — the color of old brass.
• Navy (#004364): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#331900): 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, Sophistication. Tagged muted.

Use it as a design system

One click turns Cocoa Workshop 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

• Charred Drift color palette (#F9D9CA, #9A0605, #004750, #440101, #000709)
• Deep Study color palette (#F2EAD6, #785900, #232F32, #181500, #030200)
• Ancient Lantern color palette (#FFE6F0, #9A5500, #005E8F, #552C00, #00060F)
• Charred Workshop color palette (#EEDFD0, #5B3500, #003C39, #360053, #040100)
• Nightshade Harbor color palette (#FAE9C8, #624F00, #3400AE, #291F00, #040021)
• Timeworn Dune color palette (#EAE9CF, #4B6B00, #6A00A3, #223300, #19002C)
• Wandering Olive color palette (#F2E4D6, #A18F54, #5D7900, #5F1D00, #110800)
• Weathered Courtyard color palette (#F0E6CB, #777000, #4825E3, #3F3B00, #130F47)

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