Cocoa Workshop color palette — #FEF3EA · #CD8659 · #006A74 · #7C3A00 · #0C1D11

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

The five colors

• Ivory (#FEF3EA): a clean, paper-quiet neutral.
• Mustard (#CD8659): A luminous, balanced gold — the color of old brass.
• Peacock (#006A74): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#7C3A00): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#0C1D11): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged duotone, 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

• Weathered Chestnut Study color palette (#FCF4EA, #D4A563, #007B9B, #815500, #172820)
• Linen Balcony color palette (#F9F5EA, #AC9A38, #0B61A0, #5C5000, #001E18)
• Wandering Boulevard color palette (#FFF2ED, #D27F77, #3A6D00, #950E17, #1A1A04)
• Weathered Olive Studio color palette (#ECF5EC, #C39855, #437400, #724D00, #000906)
• Wandering Garnet Parlor color palette (#FFEEE4, #AF5C40, #006064, #671539, #461600)
• Pale Field color palette (#FFEADC, #AB7D00, #006C43, #512C6A, #32302A)
• Timeworn Emerald color palette (#FAF4ED, #D6AD6E, #34965B, #976700, #161B01)
• Bronze Chapel color palette (#EEE3D7, #A76500, #00484B, #492900, #000501)

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