Wandering Harbor color palette — #F0F3E9 · #B7E9D5 · #5394C3 · #2F6777 · #0C332C

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

The five colors

• Cream (#F0F3E9): bright and airy, almost weightless.
• Mint (#B7E9D5): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#5394C3): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#2F6777): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#0C332C): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Patina Denim color palette (#E2E3D3, #5BABAF, #00646F, #003A35, #000D12)
• Washed Cerulean Alley color palette (#F0F3EA, #BFE1FF, #6590C5, #36657C, #3A2239)
• Softworn Cobalt Archive color palette (#E3E7DA, #3890D2, #00498A, #00293A, #000316)
• Worn Teal color palette (#E9F7E2, #00BEA7, #7B87D1, #007566, #1F2445)
• Tempered Corridor color palette (#E7EBD7, #22859B, #004255, #001F21, #000103)
• Dusty Delta color palette (#E5F9E1, #00A39A, #4E81C0, #63733A, #132310)
• Antique Study color palette (#E5F4EA, #44BA84, #009471, #005E4E, #1F3319)
• Hushed Aqua color palette (#F3F4DE, #2ED4D3, #008189, #005348, #001E24)

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