Wandering Harbor color palette — #FAF5E8 · #E1AFAE · #B98659 · #4C719C · #5B4039

A conversation between Caramel and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF5E8): bright and airy, almost weightless.
• Rosewood Mist (#E1AFAE): A luminous, dusty red — the color of late-summer berries.
• Caramel (#B98659): A luminous, balanced gold — the color of old brass.
• Slate (#4C719C): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#5B4039): A deep, shadowed, dusty orange — the color of toasted spice.

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

Use it as a design system

One click turns Wandering Harbor 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 Lantern color palette (#F8F6E4, #D9B0C9, #B78092, #0F7A98, #584048)
• Softworn Cocoa Delta color palette (#FFF3E8, #DDB49B, #909863, #71659B, #653D00)
• Wandering Taupe Harbor color palette (#E2FDEF, #FFCDDD, #C29A65, #567691, #4A3947)
• Wandering Bronze color palette (#EBFAED, #D8938B, #9E6B31, #156667, #52424C)
• Tempered Nightshade Pier color palette (#FEEBD7, #DB896F, #767F20, #534795, #342F2A)
• Fern Meadow color palette (#F6F6EC, #CBD6BE, #84A687, #9A7173, #3F5614)
• Ancient Ultramarine color palette (#FFF3E4, #F47D93, #9D7700, #3C47C3, #552516)
• Washed Lagoon color palette (#FBF3F1, #CFE6E0, #90BDA9, #50986A, #624961)

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