Wandering Harbor color palette — #F0F7F1 · #C2E5FF · #7EB7ED · #3D9BA8 · #283A5C

A conversation between Sky and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Powder Blue (#C2E5FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#7EB7ED): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#3D9BA8): A luminous, balanced blue — the color of deep harbor water.
• Navy (#283A5C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Teal Studio color palette (#F1F7F2, #C9E3FD, #87CAD6, #64A891, #2C4C5E)
• Timeworn Cypress Lagoon color palette (#FCF3ED, #C2E4F5, #88A6E0, #008078, #2F2552)
• Turquoise Parlor color palette (#E6F2E8, #A1E0E4, #00B7D7, #00937C, #003346)
• Cobalt Grove color palette (#DCECDF, #71A7CC, #1B74D0, #005B6A, #02002E)
• Timeworn Thicket color palette (#F6F1EA, #9ECFEB, #3D80BC, #005A64, #2F152D)
• Airy Cornflower Grove color palette (#E3F1E5, #90C6F3, #5290F1, #007992, #141849)
• Cerulean Courtyard color palette (#E8F3EA, #63C0CC, #0091B2, #006E61, #001623)
• Airy Lime color palette (#C9EEE3, #9CBC55, #50ADF2, #CD788E, #253008)

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