Worn Harbor color palette — #F9ECE1 · #62ABD5 · #365FBF · #004A46 · #180339

A conversation between Cobalt and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Cream (#F9ECE1): A whisper-light, dusty gold — the color of old brass.
• Cyan (#62ABD5): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#365FBF): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#004A46): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#180339): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Petrol Balcony color palette (#F6E1D9, #4DB2C0, #006E9D, #004D30, #020D3C)
• Weathered Villa color palette (#F8EAF0, #71C1EF, #2559DC, #003E3A, #030010)
• Denim Villa color palette (#E0EBE2, #6197B7, #004A87, #002F36, #020645)
• Cornflower Market color palette (#EBE4DA, #7DB8DC, #0085E8, #006B79, #030D3A)
• Cobalt Pier color palette (#FAEBE1, #92CEEC, #5E87C6, #006D62, #2D2457)
• Periwinkle Atelier color palette (#FFF2EB, #BAE7CE, #5EA1E0, #00856B, #363B6A)
• Plum Ridge color palette (#F6E6EB, #B7006D, #00686D, #114A63, #160008)
• Raspberry Delta color palette (#F6DFDE, #BE3E8B, #007575, #7D0055, #001313)

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