Wandering Cocoa Pier color palette — #FFF1F6 · #90B194 · #8F6A46 · #71452F · #284433

Coffee takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sage (#90B194): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#8F6A46): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Coffee (#71452F): A full-bodied, dusty orange — the color of autumn markets.
• Forest (#284433): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Worn Bronze color palette (#FFF0F8, #C599AA, #97644B, #74423B, #304331)
• Patina Veranda color palette (#FCEDF2, #97B4A0, #946B45, #74372F, #062920)
• Timeworn Pewter Canyon color palette (#E5FCED, #89B1A0, #7E733E, #3B5B3E, #20453C)
• Washed Cocoa color palette (#DEEDDC, #A89468, #7D5C32, #633717, #133927)
• Aged Pewter Bloom color palette (#FFF3E7, #CFBB96, #AD8764, #8F5850, #3E3D36)
• Worn Lagoon Villa color palette (#E4FAFE, #00958A, #925B87, #823A2E, #133940)
• Tempered Bronze color palette (#DEECE0, #85762A, #5A4000, #3C2000, #161800)
• Timeworn Stone color palette (#EBF8FA, #C2AC7D, #1F5D52, #08343A, #121D23)

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