Cocoa Workshop color palette — #FFF2EA · #C9B49B · #A07560 · #7F4D53 · #594500

Deep Olive takes the lead with Coffee close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Stone (#C9B49B): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#A07560): A luminous, dusty orange — the color of autumn markets.
• Coffee (#7F4D53): A full-bodied, dusty red — the color of embers at dusk.
• Deep Olive (#594500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, 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

• Antique Terracotta Parlor color palette (#FFF0F8, #D9A9B3, #AA6B7F, #944126, #633E00)
• Garnet Lagoon color palette (#FFF2EB, #BEA180, #936654, #7C3947, #403D36)
• Patina Bronze color palette (#FFF2EA, #E0C5AC, #BF8F77, #A26243, #624000)
• Tempered Boulevard color palette (#FCEDF5, #D1B1BD, #A37761, #694E63, #233024)
• Bone Archive color palette (#FEF1F9, #C4E4C1, #CEA9BF, #9D8BA0, #3A4D42)
• Muted Chestnut Canyon color palette (#EFE7D7, #9E9874, #7A6005, #693400, #19381E)
• Timeworn Chapel color palette (#F4D8C2, #B18624, #8C4500, #750019, #2A2B00)
• Indigo Basin color palette (#FAF3F6, #C1B9E8, #9E7440, #715DAD, #322D27)

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