Worn Harbor color palette — #E9F7FF · #A6B7E0 · #8583A4 · #506C5D · #395352

A conversation between Sky and Slate Blue, giving this palette its sense of sophistication.

The five colors

• Ivory (#E9F7FF): bright and airy, almost weightless.
• Sky (#A6B7E0): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#8583A4): A luminous, dusty violet — the color of twilight just after sunset.
• Graphite (#506C5D): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#395352): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Sophistication. Tagged vintage, retro, muted.

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

• Timeworn Dune color palette (#DEFCFF, #7BC3D1, #6D80A1, #725B65, #624240)
• Aged Lilac color palette (#E8EBFF, #BA95CD, #A2717B, #2B6262, #26513A)
• Cypress Harbor color palette (#FCF2F8, #B1E6FA, #658FB4, #15716A, #384863)
• Bronze Coast color palette (#EDFAE4, #A3CDBE, #AD939C, #868036, #565000)
• Mint Lantern color palette (#EAF9F4, #86BF94, #348373, #435E6D, #294947)
• Wandering Chestnut color palette (#D8FFF3, #E6C8DE, #CFB2BD, #A98F77, #654B00)
• Periwinkle Atelier color palette (#D5ECFF, #79A6F9, #6F72C5, #654C83, #473F62)
• Dusty Bloom color palette (#DFDFFB, #C381BA, #8A5B5E, #0B5245, #00373E)

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