Worn Harbor color palette — #E0F0FB · #4693D2 · #0053B3 · #0D00A5 · #1B006F

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

The five colors

• Frost (#E0F0FB): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#4693D2): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#0053B3): A full-bodied, vivid blue — the color of open sky before noon.
• Indigo (#0D00A5): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Indigo (#1B006F): A deep, shadowed, vivid violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, 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

• Patina Aubergine color palette (#E6F1FF, #6E8FD3, #4348B9, #340090, #2F0062)
• Navy Lantern color palette (#CDE7F7, #6ABBFF, #358FF2, #3C64BD, #1A0078)
• Worn Studio color palette (#D1E8EE, #049FCF, #005D87, #00345E, #001D50)
• Dusty Canyon color palette (#DEF5F5, #00B5DC, #0077DE, #4731AD, #370057)
• Feathered Navy Coast color palette (#EED4F2, #337BBE, #344296, #5D0044, #0E2344)
• Linen Lapis color palette (#E7F2FF, #42B9EE, #2299FA, #3E3CF1, #00204D)
• Aged Boulevard color palette (#D9DCF5, #735EBF, #4D0083, #2B003E, #16001A)
• Weathered Lagoon color palette (#EDF2FF, #A5A9DD, #7065AB, #5C2F91, #4F1C6B)

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