Cocoa Garden color palette — #FCF3EF · #ECCAA9 · #9F6F67 · #763A1A · #342823

Built around Bronze, softened by Mocha — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Wheat (#ECCAA9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mocha (#9F6F67): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#763A1A): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#342823): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

Use it as a design system

One click turns Cocoa Garden 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

• Tempered Canyon color palette (#FBF4E8, #D9C18E, #827042, #573D00, #282012)
• Weathered Driftwood color palette (#F9F3F8, #E7D8D6, #AF756B, #583B52, #21181F)
• Washed Harbor color palette (#FCF3EE, #EFC8AD, #AD9A64, #BE7952, #312D27)
• Wandering Harbor color palette (#F3E2CD, #BA8900, #5C3F00, #261800, #050200)
• Taupe Veranda color palette (#F9F3F9, #E3E1B1, #CC8A8D, #7C637D, #2F292F)
• Ancient Coral Bloom color palette (#FFF2EC, #E39387, #9F9F6B, #876E9E, #642908)
• Ancient Bronze color palette (#FFE6D8, #A36400, #4F1500, #191A0F, #110200)
• Taupe Chapel color palette (#FAF4EE, #DADAD2, #ACB4AA, #B2957A, #58514A)

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