Cocoa Grove color palette — #FDF4E6 · #E6D9AC · #CAB28C · #A38E74 · #594500

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

The five colors

• Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
• Wheat (#E6D9AC): A whisper-light, dusty green — the color of a quiet forest floor.
• Sand (#CAB28C): A luminous, dusty gold — the color of old brass.
• Caramel (#A38E74): A luminous, dusty gold — the color of old brass.
• Deep Olive (#594500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Aged Chestnut Alley color palette (#F8F1E7, #C3BB9E, #957F58, #7F481B, #2D2E1A)
• Timeworn Stone Lantern color palette (#EAFAED, #BFE3E0, #95B99B, #8F707B, #30443C)
• Bronze Corridor color palette (#F8E5D0, #C99434, #AB6D00, #824B13, #201400)
• Weathered Atelier color palette (#ECF9F0, #58D6ED, #BAADE3, #8EA273, #344138)
• Tempered Parchment color palette (#F0F8ED, #D6E6B0, #8DA784, #61735B, #282D26)
• Mustard Thicket color palette (#FCEEC4, #C4D174, #ACA943, #90802C, #36362F)
• Amber Delta color palette (#FBE3D3, #E3A170, #CB7443, #975844, #341F05)
• Weathered Terrace color palette (#F1E6CD, #8C8400, #705F00, #503C00, #030400)

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