Wandering Harbor color palette — #ECF7FF · #5BBCEC · #B784B5 · #327B9E · #4F4863

Cyan and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cyan (#5BBCEC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Dusty Rose (#B784B5): A luminous, balanced pink — the color of neon signs at night.
• Slate (#327B9E): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#4F4863): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Balance. 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

• Weathered Azure color palette (#EDF6FF, #599FD3, #997AB4, #4A8087, #334454)
• Washed Petrol Alley color palette (#E5F4FF, #77BEDE, #C98B6E, #1A7C9F, #422737)
• Aged Powder color palette (#EEF6FF, #82B3F1, #67A986, #5174A2, #2D5555)
• Patina Driftwood color palette (#EDF6FF, #DAD9E3, #BCA6AA, #6F899C, #46515D)
• Cerulean Meadow color palette (#E8FAF1, #8BCFEE, #DCA283, #4697B9, #524C47)
• Gentle Terrace color palette (#F3F4FF, #AA8DE1, #C46F59, #6D5993, #55374D)
• Timeworn Lantern color palette (#E6F9FB, #60C5AB, #B69258, #37826F, #3A553D)
• Soft Emerald color palette (#EDF6FF, #0D9AF2, #00983F, #00609B, #05471C)

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