Cocoa Workshop color palette — #FFF2EA · #C9B49B · #A0755F · #7B5146 · #584500

Deep Olive and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Stone (#C9B49B): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#A0755F): A full-bodied, dusty orange — the color of sun-warmed clay.
• Coffee (#7B5146): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#584500): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Bronze Thicket color palette (#FEF3EB, #DFC6AC, #C28E71, #A26242, #614000)
• Softworn Orchard color palette (#FAEEF4, #D1B1BC, #A87558, #694E63, #252F26)
• Antique Field color palette (#FAF5EA, #D3BC9E, #6B5E26, #3B3832, #242718)
• Muted Sand color palette (#FFF0F8, #F4D3A8, #D1A8BF, #A089A3, #3A4D43)
• Garnet Station color palette (#FFEBD5, #A89E68, #925C00, #822406, #2A3C07)
• Timeworn Quarry color palette (#ECDFCD, #8C8C4A, #704F00, #5C2300, #122B06)
• Tempered Ridge color palette (#F8F5EF, #D4BD96, #218BA3, #896700, #24312A)
• Mulberry Terrace color palette (#FBF5E7, #9B915C, #448A9F, #7E4A79, #403D36)

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