Wandering Harbor color palette — #EFF7F5 · #9AC6EB · #9D6B86 · #3672A2 · #3B2828

Built around Slate, softened by Mocha — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Sky (#9AC6EB): A luminous, dusty blue — the color of deep harbor water.
• Mocha (#9D6B86): A full-bodied, dusty rose — the color of strawberry cream.
• Slate (#3672A2): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#3B2828): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Sophistication. Tagged duotone, 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

• Antique Petrol color palette (#FBF2F6, #C0B8EB, #AD6855, #6E61A2, #332C29)
• Worn Cypress color palette (#F1F7F1, #8ECDCE, #7B74AF, #007D7F, #362930)
• Aged Cobalt color palette (#EEF2F9, #AEC5E9, #8978AC, #506EB7, #131520)
• Ancient Canyon color palette (#F5F7E5, #90A6DC, #8B6A8C, #5A5F13, #57404C)
• Iris Dune color palette (#F9F3F7, #E6C5DE, #B388C7, #7387D0, #3B272D)
• Washed Driftwood color palette (#FAF3F8, #E2D7D6, #ADADA1, #96778D, #594F56)
• Timeworn Ultramarine color palette (#FFF0FD, #7B9FF0, #AF2B49, #1E45C2, #350D14)
• Aged Grove color palette (#FBF2F9, #8195D3, #936258, #305F41, #3A4A00)

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