Cocoa Grove color palette — #FFF2EB · #CCB39B · #A17463 · #795347 · #5F4100

Bronze takes the lead with Mocha close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Stone (#CCB39B): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#A17463): A full-bodied, dusty orange — the color of sun-warmed clay.
• Coffee (#795347): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#5F4100): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Cocoa Grove 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 Chapel color palette (#FFF2EB, #E4C4AB, #BF8F79, #A16340, #683C00)
• Washed Driftwood Meadow color palette (#F9EEF4, #CFB1BF, #A8755D, #6C4C63, #37272D)
• Patina Stone Chapel color palette (#FFF0F9, #F5CCDB, #CEA9C0, #9E8A9F, #3D4C40)
• Aged Chestnut color palette (#F1E6D5, #9A9A68, #7C5F0B, #663600, #263613)
• Tempered Orchard color palette (#F5E3D6, #8B5C11, #5B2700, #3D0004, #0F0B00)
• Weathered Chestnut Lantern color palette (#FFF0F8, #8E87C2, #A16D83, #805512, #4B3641)
• Olive Veranda color palette (#EBE0C9, #6F7E35, #514500, #3A2200, #021D01)
• Petrol Archive color palette (#F0F7F4, #A0CCB8, #9A699C, #00779F, #3A282B)

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