Wandering Harbor color palette — #E2F4F1 · #97C8DD · #00A2C3 · #007D7F · #002330

Built around Cerulean, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Cream (#E2F4F1): a clean, paper-quiet neutral.
• Sky (#97C8DD): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#00A2C3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007D7F): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#002330): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Linen Terrace color palette (#DCEDED, #A1C4E4, #5196DD, #00779D, #001C4B)
• Cobalt Veranda color palette (#E8DCE5, #8FB8CB, #007EAE, #005B4B, #001E45)
• Patina Loft color palette (#FFF2EC, #8EDAE8, #0085B4, #005343, #000C21)
• Washed Petrol color palette (#DBEEEB, #60AFB8, #008297, #005D5B, #000B11)
• Tempered Terrace color palette (#EBF8F7, #CAE4F9, #71B8F7, #009AC2, #203B5D)
• Timeworn Workshop color palette (#EFF7F5, #D1E0F0, #95D3D9, #55B5A5, #335867)
• Soft Sapphire Studio color palette (#F7DBF1, #CB58BC, #DC4D11, #3760FD, #23011F)
• Worn Studio color palette (#F7DFED, #C9906E, #C05B2A, #9A3119, #251000)

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