Cocoa Grove color palette — #FFF2ED · #CEFCDA · #DFDDCD · #D59DCD · #6D3B00
A conversation between Bronze and Mauve, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Honeydew (#CEFCDA): A whisper-light, dusty teal — the color of glacier melt.
- Bone (#DFDDCD): A whisper-light, dusty green — the color of fresh herbs.
- Mauve (#D59DCD): A luminous, balanced pink — the color of peonies in June.
- Bronze (#6D3B00): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. 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
- Timeworn Taupe color palette (#FEF3E7, #BFE7CF, #C9C6D3, #DC969C, #533E00)
- Ancient Ash Study color palette (#FFF1F1, #E2DBD0, #A8A9B4, #A993CA, #60453F)
- Antique Cocoa Summit color palette (#E7EEFF, #FFD0C5, #C9BDC0, #632A03, #241711)
- Antique Amber color palette (#FEF4DE, #C4F4E8, #CBCBD8, #CB834C, #302F28)
- Stone Chapel color palette (#FEF0FF, #E9E5CC, #BDC99C, #7E7499, #594752)
- Timeworn Basalt Study color palette (#FFEEE6, #E2D7BD, #C0C991, #A4707D, #4B2200)
- Bronze Garden color palette (#FDF4E4, #E6DEB4, #AF9C6C, #8C5F41, #31322C)
- Wandering Villa color palette (#FDF6D8, #BDF0CA, #4ACEF4, #944C00, #0A1200)
Browse the whole catalog at Explore, or see today's palette.