Wandering Harbor color palette — #CDEBF7 · #2AC1FB · #008FE0 · #165ED0 · #333E72
Built around Cobalt, softened by Azure — the whole palette hums with trust and stability.
The five colors
- Frost (#CDEBF7): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#2AC1FB): A luminous, balanced blue — the color of deep harbor water.
- Azure (#008FE0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cobalt (#165ED0): A full-bodied, vivid violet — the color of a velvet chair.
- Navy (#333E72): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Aqua Harbor color palette (#BBE8EA, #00C9EA, #009BC9, #006EAB, #193F6E)
- Tempered Cornflower color palette (#CBE8FE, #77BCFF, #487EFF, #5150C3, #3F2F6C)
- Quiet Villa color palette (#D1E8EA, #00B2DB, #006CC8, #3648A6, #433670)
- Weathered Azure Boulevard color palette (#EAF8FF, #9FD8FF, #29A3FE, #005AB0, #14346B)
- Patina Azure Cabin color palette (#FFF0FE, #E4D5EE, #ECB6FF, #3395D0, #3D4166)
- Gentle Sapphire color palette (#FEF0FF, #90C3FF, #CD8C00, #0068C1, #503400)
- Frosted Rose color palette (#E0ECFF, #5C99FF, #FF2F4E, #2C9600, #193055)
- Hushed Meadow color palette (#FDDBF8, #A3ADFF, #9281EF, #73579C, #663F4A)
Browse the whole catalog at Explore, or see today's palette.