Wandering Cocoa Studio color palette — #FFF2EB · #E2DBC3 · #CCA58D · #9C6B68 · #593700

A conversation between Cocoa and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E2DBC3): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#CCA58D): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#9C6B68): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#593700): A deep, shadowed, dusty 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 Wandering Cocoa Studio 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 Bronze color palette (#FFF2EC, #DFD9CD, #D6AA75, #8D7312, #3B3F00)
• Tempered Bronze color palette (#FFF3E7, #CCAE7B, #A76409, #732F00, #1A1100)
• Timeworn Driftwood Chapel color palette (#FDF1F8, #D4AABD, #A17463, #6C5569, #404B3F)
• Antique Driftwood Workshop color palette (#FDF2F0, #CFDDCC, #AE727F, #623A32, #241815)
• Chestnut Balcony color palette (#F3E3C8, #A69C51, #785B00, #482A00, #030400)
• Cocoa Alley color palette (#F0DBCF, #9D6332, #662300, #2B0002, #020100)
• Misty Terracotta Orchard color palette (#FFF3E9, #EEC8A0, #D07838, #A23618, #352500)
• Dusty Coral color palette (#FBF3F1, #E2DAD1, #C9AB5F, #E37275, #251D0E)

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