Worn Harbor color palette — #ECF7FF · #D8D7EB · #C6B9D6 · #03A5E0 · #213543

A conversation between Cyan and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Silver (#D8D7EB): A whisper-light, dusty violet — the color of wild irises.
• Ash (#C6B9D6): A luminous, dusty violet — the color of a velvet chair.
• Cyan (#03A5E0): A luminous, balanced blue — the color of open sky before noon.
• Deep Teal (#213543): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Iris Delta color palette (#EAEEF8, #D8CFDD, #C5B1C1, #828BD4, #282E3A)
• Dusty Teal color palette (#E9F8FB, #CDDCF2, #B8BFE3, #00B0A1, #14393F)
• Hushed Alley color palette (#D8E1EE, #558BFF, #624B88, #223551, #000812)
• Peony Drift color palette (#D1ECFF, #04B7F2, #E83D82, #646F00, #232700)
• Antique Lilac color palette (#DBF1F8, #A0BDF0, #B687CD, #67873C, #204308)
• Aged Garden color palette (#CBF6EC, #7CD6AC, #00ADA5, #2E84AF, #003824)
• Wandering Stone Orchard color palette (#F0F6FC, #DBD9E2, #BBAEB5, #6C6B61, #4D5359)
• Feathered Alley color palette (#EEF6FF, #5CEFFC, #99CBFF, #E37EFF, #1C1A59)

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