Cocoa Grove color palette — #F0F8EC · #7BC1B4 · #B57886 · #92564E · #673200

A conversation between Bronze and Walnut, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#F0F8EC): a clean, paper-quiet neutral.
• Mint Leaf (#7BC1B4): A luminous, dusty teal — the color of glacier melt.
• Dusty Rose (#B57886): A luminous, dusty red — the color of embers at dusk.
• Walnut (#92564E): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#673200): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged 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

• Aged Veranda color palette (#EFF8EF, #70C1C2, #B27A86, #6A6E35, #43461D)
• Muted Seafoam color palette (#F0F7F0, #6DDCDA, #9DA3E3, #B07281, #46423B)
• Cocoa Alley color palette (#FAF4EC, #CDAB78, #5B94B5, #8E594D, #683102)
• Plum Lagoon color palette (#E4F8E7, #00AAB2, #A95167, #5C5000, #332B00)
• Dusty Cocoa Cabin color palette (#EBF8FB, #59A7A6, #70689A, #803D35, #1A4C41)
• Patina Bronze color palette (#F6F8DA, #C6DDC7, #BCA4B7, #A5773D, #734800)
• Terracotta Archive color palette (#E5FCEF, #00ABD6, #C24B42, #9E1718, #422B00)
• Antique Alley color palette (#ECF8F5, #B2DA9E, #A888D3, #826637, #244028)

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