Worn Harbor color palette — #E2E8F5 · #9EA3D0 · #8E76B6 · #82515E · #511114

Slate Blue takes the lead with Espresso close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Frost (#E2E8F5): bright and airy, almost weightless.
• Mauve (#9EA3D0): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#8E76B6): A luminous, balanced violet — the color of wild irises.
• Coffee (#82515E): A full-bodied, dusty red — the color of embers at dusk.
• Espresso (#511114): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Creativity, 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

• Tempered Driftwood color palette (#EBEAFF, #A38FBD, #9D64A0, #77403C, #300F00)
• Mallow Studio color palette (#ECE9F8, #D6A8F2, #B68BB3, #A96052, #5B2A00)
• Cerulean Delta color palette (#C4E8ED, #59ACCA, #4C8AB5, #6F568C, #3D223E)
• Patina Meadow color palette (#D2E1FD, #7B7DAB, #593F84, #56152A, #240203)
• Cerulean Courtyard color palette (#C7EDF2, #6096C5, #72649A, #4D4613, #292C00)
• Dusty Cocoa color palette (#B2F5E7, #80B3C7, #6B73A4, #604400, #0C1A00)
• Timeworn Blush color palette (#F9E7FF, #F2B5E3, #DC95B3, #8B847F, #64491D)
• Timeworn Lapis Harbor color palette (#FFE4F5, #8C8CFF, #E55862, #6150EE, #3A0009)

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