Worn Harbor color palette — #ECF7FF · #9BC4E8 · #698BC8 · #4B5A9C · #444E6C

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sky (#9BC4E8): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#698BC8): A luminous, balanced violet — the color of twilight just after sunset.
• Peacock (#4B5A9C): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#444E6C): A full-bodied, dusty violet — the color of a velvet chair.

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

• Worn Field color palette (#F0F5FF, #DDD8E2, #DABBDA, #6A8DB6, #444B5F)
• Softworn Cerulean color palette (#E3FAFF, #7ABFBF, #2C95A9, #006A89, #335269)
• Ancient Pewter color palette (#F1F5FF, #B7AADC, #9170AC, #7E518D, #584C70)
• Timeworn Periwinkle color palette (#E0FEEA, #92D0F5, #6CA4EC, #6E74AE, #64444E)
• Cobalt Field color palette (#F0F6FF, #9CAFDA, #AF955E, #4C6DC3, #34563C)
• Pine Villa color palette (#F0F5FF, #8795CB, #B87667, #2F8A52, #37425A)
• Wandering Dune color palette (#FFF0F7, #CAB0B8, #987485, #735169, #3C4D3F)
• Sunlit Aubergine Boulevard color palette (#EAEDFD, #9A8BD2, #7C4FB0, #672385, #562B56)

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