Wandering Cocoa Lagoon color palette — #F5DDF6 · #A16B79 · #764529 · #004256 · #053626

Coffee takes the lead with Mocha close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F5DDF6): A whisper-light, dusty pink — the color of neon signs at night.
• Mocha (#A16B79): A full-bodied, dusty red — the color of embers at dusk.
• Coffee (#764529): A full-bodied, dusty orange — the color of sun-warmed clay.
• Deep Teal (#004256): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Forest (#053626): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Patina Cocoa Study color palette (#EBEFFF, #8E7196, #794652, #064635, #003023)
• Washed Studio color palette (#F5D6EA, #B77977, #725A33, #0F3C53, #171F43)
• Bronze Dune color palette (#F4DBE4, #A65D51, #5A410B, #003042, #0A172E)
• Antique Field color palette (#FFDFDD, #A8735D, #7B4203, #253200, #021600)
• Bronze Canyon color palette (#F2DDD4, #BC8F79, #936426, #3D5623, #002E14)
• Wandering Terracotta color palette (#EED9D2, #993400, #005867, #20385C, #250700)
• Washed Bronze color palette (#F3EBF7, #CE8A9E, #B27348, #20738D, #003045)
• Wandering Bronze color palette (#FFF1F2, #D1A99C, #AB7942, #477161, #385657)

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