Cocoa Workshop color palette — #EDDACC · #916744 · #6B3100 · #3F1200 · #0A0400

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

The five colors

• Bone (#EDDACC): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#916744): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#6B3100): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#3F1200): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#0A0400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Hazy Onyx Veranda color palette (#EFD7E3, #9A6B2A, #6F3100, #50040A, #1C1500)
• Muted Summit color palette (#F6EBD0, #75753A, #4D4400, #2C2100, #050600)
• Timeworn Chestnut color palette (#EADED2, #AC946E, #895911, #5D3200, #221500)
• Faded Garnet color palette (#FFDEC6, #B69367, #92480F, #63000A, #050400)
• Washed Atelier color palette (#E4ECD9, #006243, #6E2E00, #362300, #000301)
• Hushed Pier color palette (#F8F1E2, #C5BB9D, #9C7E39, #735100, #302C1B)
• Dusty Thicket color palette (#DFF5EB, #488952, #47464E, #002E40, #000910)
• Patina Villa color palette (#E1E1F0, #8164BD, #621A8F, #360044, #0B000D)

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