Worn Harbor color palette — #CEEDF7 · #3CB6EC · #358DDC · #2D569C · #313B6C

Azure takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#CEEDF7): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#3CB6EC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#358DDC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#2D569C): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#313B6C): 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 Worn 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

• Pale Dune color palette (#C5E9EA, #3DAACF, #006FAC, #2F3EA5, #3C2D5E)
• Cornflower Balcony color palette (#E6F9FF, #8CD6FF, #0092F2, #2C5CAE, #283257)
• Iris Summit color palette (#D7E9FF, #89A8F5, #7779DA, #5E489A, #41295B)
• Wandering Quarry color palette (#F0F5FF, #9FBFFF, #6180CC, #344791, #141B51)
• Pale Nightshade color palette (#CFE4F1, #0095EA, #005DC3, #2B2C9D, #1E1451)
• Weathered Boulevard color palette (#EFF6FF, #DED6EC, #E4B7EF, #498FB7, #333F5A)
• Faded Meadow color palette (#E0F0EA, #2AC1B7, #009095, #006677, #003F51)
• Airy Cobalt color palette (#E3F0FF, #74ABEE, #C2882C, #2C72C2, #4A2F00)

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