Wandering Harbor color palette — #EFF7F3 · #DFD4D2 · #BCBBAE · #68A8BF · #38423C

Built around Blue Fog, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF7F3): bright and airy, almost weightless.
• Silver (#DFD4D2): a clean, paper-quiet neutral.
• Stone (#BCBBAE): soft and architectural.
• Blue Fog (#68A8BF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#38423C): quiet, heavy and certain.

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

• Dusty Ash color palette (#F9F3F9, #E3D7D8, #B2B6AB, #B192B3, #443C44)
• Wandering Petrol color palette (#F0F6FA, #D9DAE4, #C2BDCE, #417D91, #41494E)
• Tempered Basalt color palette (#F7F6EB, #C5EACB, #6FAC9D, #59806D, #343E00)
• Ancient Wisteria color palette (#E8FAF3, #C4DCF5, #C2B1B2, #CA9DF5, #222E51)
• Muted Denim Ridge color palette (#E3F2EC, #DBC9D9, #B79EAA, #005475, #000402)
• Tempered Cobalt color palette (#EBF9F4, #E6D4CE, #C2C7B3, #1285CB, #0D2B23)
• Bronze Harbor color palette (#DCFFEA, #F3D8F1, #C4A2AC, #928138, #5E5400)
• Tempered Navy color palette (#EDE1EB, #C7B5BD, #AC868D, #1D357B, #030003)

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