Cocoa Grove color palette — #FFF3E4 · #ABAA7D · #8D6C35 · #794115 · #404000

Bronze takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Sage (#ABAA7D): A luminous, dusty green — the color of fresh herbs.
• Walnut (#8D6C35): A full-bodied, balanced gold — the color of old brass.
• Bronze (#794115): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#404000): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Dusty Courtyard color palette (#FFF2EB, #C1A17C, #A35D42, #72414B, #403D36)
• Ancient Chestnut Courtyard color palette (#F0E7D8, #959C64, #7D5E00, #62381C, #30312A)
• Dusty Bronze color palette (#E3F8E6, #B7AC7B, #897145, #643F4E, #10281F)
• Tempered Taupe color palette (#EAFAEC, #B1DCC5, #C6A774, #A17B8D, #27443C)
• Weathered Olive Parlor color palette (#EADDC1, #697F44, #514500, #3D2000, #001C0B)
• Washed Veranda color palette (#F4F7E7, #419556, #A65365, #4F5900, #32342D)
• Shadow Chestnut Basin color palette (#FCE6D4, #745300, #471F00, #280004, #040400)
• Wandering Workshop color palette (#F1F7EF, #6AC1B2, #934CA7, #006F62, #301E23)

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