Weathered Cocoa Grove color palette — #F3EAFF · #E0A1AF · #AF6B69 · #84523F · #6E3805

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

The five colors

• Blush (#F3EAFF): A whisper-light, dusty violet — the color of a velvet chair.
• Ballet Pink (#E0A1AF): A luminous, dusty red — the color of a theater curtain.
• Mocha (#AF6B69): A luminous, balanced orange — the color of autumn markets.
• Coffee (#84523F): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#6E3805): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

Use it as a design system

One click turns Weathered 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

• Driftwood Alley color palette (#FCF1FF, #E1A3A0, #B3735B, #855830, #3E573E)
• Tempered Cocoa color palette (#FFF0F8, #F3BFAC, #AD7460, #77432B, #532C1C)
• Weathered Driftwood Quarry color palette (#F0F1FF, #D09FC8, #B16D8C, #8A5057, #62445C)
• Weathered Archive color palette (#FDF0FF, #EAB2B5, #D5847F, #A8574D, #614259)
• Weathered Bronze Orchard color palette (#FFF0FB, #DE9D8F, #51A8AD, #9F5F51, #2C5360)
• Coral Coast color palette (#FFD3DC, #F06E66, #B24600, #7B4200, #3F4508)
• Worn Taupe color palette (#FFF0FA, #C78570, #4B96A3, #4F73A3, #4F3B49)
• Bone Coast color palette (#FFF0FD, #E8D8D7, #B3E5D0, #9887A2, #594650)

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