Cocoa Grove color palette — #FCF4E7 · #AFA78A · #85703C · #71461E · #423F00

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

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Taupe (#AFA78A): A luminous, dusty green — the color of fresh herbs.
• Walnut (#85703C): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#71461E): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#423F00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Hushed Bronze Workshop color palette (#FFF2E9, #C7B59F, #AA7144, #824C49, #5C4300)
• Ancient Chestnut Basin color palette (#F0E7D5, #9F9770, #75620B, #613A00, #30312A)
• Tempered Taupe Villa color palette (#E9FBEC, #D4D4A5, #C1AA75, #A37A8B, #2A433D)
• Tempered Archive color palette (#F2E8CB, #697F4A, #4C4700, #372400, #001D06)
• Terracotta Corridor color palette (#F4D7C7, #B78050, #9D3200, #740026, #372600)
• Softworn Pewter color palette (#E9FAF4, #4988B5, #965887, #784500, #1A3A31)
• Nocturne Chestnut Basin color palette (#FFE5CE, #705414, #432200, #250400, #040300)
• Patina Denim Villa color palette (#EEF8F1, #D2A190, #005C68, #00353C, #0A221F)

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