Worn Harbor color palette — #E9F0F5 · #A19EB0 · #8F829B · #006A9C · #020A13

A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Cream (#E9F0F5): bright and airy, almost weightless.
• Blue Fog (#A19EB0): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#8F829B): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#006A9C): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#020A13): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Navy Dune color palette (#E4F3EF, #AF9FAE, #977D91, #004879, #000C09)
• Lapis Delta color palette (#E1E4EF, #A59DA7, #94808E, #6250B0, #060816)
• Pewter Study color palette (#D9E1DE, #958993, #6E638D, #002D45, #000201)
• Tempered Market color palette (#E0E4EF, #C6BBCA, #B69EB0, #7776C1, #1B1F2B)
• Fern Atelier color palette (#D2ECFA, #727DB9, #85557F, #374E0C, #0E1800)
• Nightshade Quarry color palette (#D3F5E6, #0085B1, #5947A5, #3B3E00, #00030C)
• Worn Fern Alley color palette (#F9DDE6, #998839, #556C00, #394571, #080600)
• Byzantium Cabin color palette (#D9E9FE, #00B7D1, #5686FF, #AB38BA, #020019)

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