Wandering Cocoa Grove color palette — #DEF3FF · #677EA8 · #5C4B73 · #5C2A00 · #392B00

Built around Espresso, softened by Slate — the whole palette hums with optimism and sophistication.

The five colors

• Frost (#DEF3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#677EA8): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#5C4B73): A full-bodied, dusty violet — the color of a velvet chair.
• Espresso (#5C2A00): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#392B00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Tempered Canyon color palette (#FEE0F9, #8675A4, #74466E, #473700, #223000)
• Pale Villa color palette (#D3E4E2, #3D8DA1, #2A5B8C, #60182D, #471900)
• Dusty Archive color palette (#E1F3EA, #498DA1, #524587, #113406, #031900)
• Pewter Ridge color palette (#E3DDFD, #805B89, #582C40, #232200, #001410)
• Patina Iris color palette (#D9EEFE, #81A0DF, #8A76B9, #82583A, #302600)
• Indigo Lagoon color palette (#D7F3E8, #609FC8, #7966AC, #44550C, #263100)
• Weathered Coast color palette (#D8DEF3, #A898D5, #98518B, #594600, #2E4000)
• Dusty Aubergine color palette (#F6E6EF, #655CC0, #5F5D00, #38009B, #1D1C00)

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