Cocoa Workshop color palette — #FFF2EA · #F2D4AD · #D1AE96 · #A78B83 · #594500

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#F2D4AD): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#D1AE96): A luminous, dusty gold — the color of old brass.
• Heather (#A78B83): A luminous, dusty orange — the color of autumn markets.
• Deep Olive (#594500): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Dusty Bronze color palette (#FFF3E9, #E1DBC2, #C7A78F, #A66A41, #5A3600)
• Taupe Workshop color palette (#FFF0F8, #E7BDCC, #BD9077, #856B7E, #404B41)
• Patina Aqua color palette (#E8FBEE, #60D5EF, #CAB576, #A89969, #344138)
• Timeworn Market color palette (#FCEDF4, #ACC2AA, #9A7689, #7C4744, #1F3125)
• Washed Lantern color palette (#FFEBD5, #DDC868, #DD9129, #AD6C5B, #36362F)
• Garnet Boulevard color palette (#DAFFEE, #C5DAFF, #BEAFE7, #AC7D9D, #703442)
• Mustard Quarry color palette (#F6E1C4, #B8B850, #B58520, #97593A, #262601)
• Hushed Bronze color palette (#EFDCCD, #B4881C, #A65500, #812A2F, #0C0C00)

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