Cocoa Grove color palette — #FFF1F2 · #F0C5E7 · #E7BF92 · #CA94BF · #6C4200

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Thistle (#F0C5E7): A whisper-light, dusty pink — the color of neon signs at night.
• Sand (#E7BF92): A whisper-light, dusty gold — the color of old brass.
• Mauve (#CA94BF): A luminous, balanced pink — the color of peonies in June.
• Bronze (#6C4200): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication, Softness. Tagged light, muted, warm.

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

• Wandering Lilac Chapel color palette (#FEF1F7, #D7CCFF, #F9B3A4, #AC9CDF, #534B48)
• Weathered Blush color palette (#F7F3FD, #FFD1D7, #CCD388, #C87DB0, #464A1D)
• Dusty Cocoa color palette (#FFF2EA, #F0D3BD, #D3AD94, #A88B7B, #683C00)
• Blush Delta color palette (#FFF2EF, #FEC2CF, #AFC5FF, #D990A2, #60415B)
• Driftwood Summit color palette (#FFF1F3, #DEB5DB, #97BE89, #AE75AC, #4D4E46)
• Muted Mallow color palette (#FFF1F2, #FED2EF, #DCA5C8, #AA789A, #4E282C)
• Coral Orchard color palette (#FFF2EC, #FFB7A7, #A4CD7F, #E67C66, #344A1C)
• Dusty Periwinkle Drift color palette (#FEF1FA, #C5D4FF, #92D7C4, #92A6E3, #425336)

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