Cocoa Workshop color palette — #FCF4E9 · #E5D8BD · #CFB17C · #AB8B6D · #564600

A conversation between Deep Olive and Sand, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF4E9): bright and airy, almost weightless.
• Wheat (#E5D8BD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#CFB17C): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#AB8B6D): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#564600): A deep, shadowed, balanced green — the color of new leaves after rain.

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

• Aged Chapel color palette (#F5E4D9, #E7B68E, #DE8258, #A9645C, #342F2A)
• Worn Bronze color palette (#F1E4D4, #A78D35, #916400, #723D00, #0D0C00)
• Worn Driftwood color palette (#E7F7EA, #A6C4AF, #6B8D70, #485F47, #1E3126)
• Antique Bloom color palette (#F8EED4, #C1D27B, #B5A718, #9F7918, #36362F)
• Frost Drift color palette (#EEF9EE, #B6EEEC, #9AB79C, #8C7181, #334340)
• Mint Loft color palette (#FEF2F2, #EEAAD4, #A4C379, #50ABA9, #493839)
• Marigold Harbor color palette (#FBF3F2, #FFCEE4, #E7AA5C, #DD8EB5, #322D27)
• Weathered Loft color palette (#FEF2F2, #F3DAB2, #BC8DB1, #896064, #322829)

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