Wandering Harbor color palette — #F9F3F8 · #E1D7D8 · #B2ACA2 · #96768F · #575055

Built around Heather, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#E1D7D8): bright and airy, almost weightless.
• Ash (#B2ACA2): soft and architectural.
• Heather (#96768F): A luminous, dusty pink — the color of peonies in June.
• Charcoal Brown (#575055): 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

• Ash Lantern color palette (#F1F6FD, #DDD8E2, #BCADB2, #8A9DB8, #4F5359)
• Muted Pewter Villa color palette (#FBF3F5, #E5D5D1, #C7ABAD, #79518C, #41373A)
• Wandering Lilac color palette (#FFF2ED, #A69EDD, #89679E, #7A4B48, #57404A)
• Dusty Lantern color palette (#FFF1F6, #DDBDC2, #A58687, #9C6137, #774709)
• Timeworn Atelier color palette (#F1E8ED, #A4959C, #8B6373, #251A66, #12040D)
• Dusty Aubergine Loft color palette (#E8DBDD, #C9B3B4, #AD8180, #691D6E, #281B1D)
• Hushed Fern color palette (#F6F6EC, #C1C4A3, #668C6C, #536D59, #4F5100)
• Weathered Garden color palette (#FFF2F0, #E9CBC4, #C39C8F, #A1125A, #462A27)

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