Wandering Cocoa Grove color palette — #FFF3E9 · #EDD6B2 · #D0AE93 · #AB897E · #554700

Deep Olive and Rosewood Mist set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Wheat (#EDD6B2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#D0AE93): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#AB897E): A luminous, dusty orange — the color of autumn markets.
• Deep Olive (#554700): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, light, 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 Alley color palette (#FFF1F6, #E4C59D, #BA9273, #846C7B, #3C4C41)
• Hushed Petal Loft color palette (#FFF1F6, #FFC4ED, #E6A0A5, #B78364, #594900)
• Muted Veranda color palette (#FDEDF3, #ABC2AD, #A1795B, #774B42, #1F3127)
• Patina Garden color palette (#FFEBD2, #D3CD64, #CC9A47, #AE6C51, #36362F)
• Mallow Loft color palette (#FFF1F5, #DBACFB, #93C59C, #969F76, #49383D)
• Hushed Archive color palette (#F5E7D0, #ADBB57, #A98A38, #915D3B, #232706)
• Antique Market color palette (#FCF2F5, #E6D5FF, #DBAF6F, #B69ED5, #332D24)
• Misty Bronze Thicket color palette (#F8D9C6, #B6871E, #A85300, #7F2D33, #0F0B00)

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