Cocoa Grove color palette — #FFF2ED · #EFD5D3 · #EEBC9C · #BAB272 · #6A3305

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#EFD5D3): A whisper-light, dusty orange — the color of autumn markets.
• Sand (#EEBC9C): A whisper-light, dusty gold — the color of old brass.
• Sage (#BAB272): A luminous, balanced green — the color of fresh herbs.
• Bronze (#6A3305): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Shell Thicket color palette (#FFF1F1, #F7D4E5, #F9B5B0, #D89B8A, #594440)
• Tempered Stone Terrace color palette (#FEF3E5, #EEE6A8, #E5DBD1, #B6BF83, #4E4A44)
• Misty Amber Lagoon color palette (#FFF2EA, #FFCED2, #FFA977, #C19800, #4B2700)
• Softworn Workshop color palette (#FFF2EE, #E3CCBB, #BAAD99, #748774, #3E534B)
• Wandering Honey Hollow color palette (#FFF3E7, #F4B677, #79B9E9, #AA845D, #2E564B)
• Dusty Balcony color palette (#F7F6E9, #B9DCB9, #78A890, #917575, #4C5200)
• Patina Station color palette (#FFEFE3, #FFAFA9, #FD8922, #9A8200, #372000)
• Aged Emerald Delta color palette (#FEF6D0, #FEBE55, #B7B600, #00AF59, #1D3000)

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