Wandering Harbor color palette — #FBF3F2 · #DED9D3 · #A4AFA3 · #A47182 · #5A504F

Mocha takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FBF3F2): bright and airy, almost weightless.
• Silver (#DED9D3): bright and airy, almost weightless.
• Ash (#A4AFA3): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#A47182): A luminous, dusty rose — the color of a warm blush.
• Charcoal Brown (#5A504F): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Muted Driftwood color palette (#F8F0EF, #DDD7CF, #ADB4A5, #9F7489, #3D3333)
• Muted Corridor color palette (#F9F4EF, #DBDCD1, #BEC2B3, #A16423, #4E463E)
• Forest Corridor color palette (#FFF4E3, #CC97A3, #9D6952, #156856, #5A4138)
• Wandering Pewter Atelier color palette (#FFF2EE, #DECABD, #998C79, #647A61, #375647)
• Muted Cocoa Drift color palette (#E7DED7, #C3B7A8, #9A8C73, #6C3100, #2C1B0D)
• Driftwood Balcony color palette (#F7F5EC, #C1C4A7, #778A47, #815A5C, #4F5100)
• Aged Chestnut color palette (#FBF4E9, #D7D2C5, #ACA981, #735500, #36322C)
• Garnet Boulevard color palette (#F4E9E7, #A8958D, #9A6135, #550020, #170301)

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