Cocoa Grove color palette — #FFF3E7 · #CDFFD1 · #DCE2C9 · #D7A196 · #684000

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Honeydew (#CDFFD1): A whisper-light, dusty green — the color of a quiet forest floor.
• Celadon Mist (#DCE2C9): A whisper-light, dusty green — the color of new leaves after rain.
• Rosewood Mist (#D7A196): A luminous, dusty orange — the color of toasted spice.
• Bronze (#684000): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, 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

• Softworn Market color palette (#FEF5D6, #BEFAD6, #B5DCEB, #C2A779, #4B4400)
• Cocoa Loft color palette (#FFF2EE, #E0D8CF, #A1B2B0, #C49796, #74371D)
• Worn Driftwood color palette (#FFF1F6, #C2EAF1, #D2C491, #AB7453, #3E503C)
• Taupe Boulevard color palette (#FFF2E9, #FFD4AB, #C49174, #8A5E55, #35312B)
• Lime Balcony color palette (#EEEDDF, #9BC249, #34A26A, #5D3E00, #010100)
• Aged Lime color palette (#FFF1E0, #EED264, #89B84D, #832F00, #060300)
• Muted Dune color palette (#CDF7FF, #FFD87B, #E0D4D9, #3B3831, #16130D)
• Softworn Rust Harbor color palette (#FEECF4, #D7FCE2, #AECDA0, #A75B63, #1B341F)

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