Cocoa Grove color palette — #FEEDF2 · #93B59C · #8E6E4F · #6D3E2E · #0D291E

A conversation between Bronze and Walnut, giving this palette its sense of nature and growth.

The five colors

• Blush (#FEEDF2): a clean, paper-quiet neutral.
• Sage (#93B59C): A luminous, dusty teal — the color of glacier melt.
• Walnut (#8E6E4F): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#6D3E2E): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#0D291E): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Bronze Study color palette (#FEECF6, #C99DAD, #996752, #6A3E40, #112918)
• Patina Cocoa color palette (#FFF1F5, #96AF97, #8F6A41, #74441B, #2A4430)
• Softworn Lagoon color palette (#D6E5D5, #A79866, #815C2B, #5C311D, #001E15)
• Driftwood Workshop color palette (#E8F6ED, #9DC5B8, #668D77, #466045, #1A312E)
• Hushed Harbor color palette (#FFF3E7, #CEBB9B, #B28557, #8E5947, #3F3D36)
• Cobalt Orchard color palette (#EAF3FF, #6086C8, #936D3B, #714800, #0E1A2B)
• Bronze Atelier color palette (#D6EED9, #797436, #583F00, #381900, #030700)
• Sunlit Canyon color palette (#E5EFFF, #AAA5DD, #8B609E, #692B58, #47001A)

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