Wandering Harbor color palette — #FDF1FB · #9BAFDF · #B89342 · #5B70A7 · #514C46

Mustard and Slate set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Mauve (#9BAFDF): A luminous, dusty violet — the color of wild irises.
• Mustard (#B89342): A luminous, balanced gold — the color of honey in a jar.
• Slate (#5B70A7): A full-bodied, balanced violet — the color of wild irises.
• Charcoal Brown (#514C46): quiet, heavy and certain.

Feels like: Optimism, Creativity, Sophistication. Tagged 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

• Washed Station color palette (#EBF9F4, #82B6E1, #D1806F, #3E78A4, #534B48)
• Tempered Moss color palette (#FFF1F4, #C99ECF, #96A141, #915A9A, #4F4D46)
• Driftwood Ridge color palette (#FFF0FB, #8195D1, #A6843C, #837731, #4E3C4A)
• Washed Archive color palette (#EAF2FF, #92B2F5, #5FAE8F, #5B719E, #143739)
• Washed Cerulean color palette (#FFF0FD, #A7C4FF, #7AC3A5, #708BC4, #4B4E47)
• Patina Denim color palette (#FCF2F6, #C1C498, #655289, #4A2F3B, #2C2322)
• Tempered Shell color palette (#FDF1FB, #E7D7D6, #F2BABC, #6C9481, #5D4F56)
• Periwinkle Drift color palette (#F0F6FF, #C1D5FF, #E0C384, #8AA7EA, #395540)

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