Muted Harbor color palette — #E3E4F5 · #B17FE7 · #685A79 · #383957 · #0A0D15

Wisteria takes the lead with Navy close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Frost (#E3E4F5): A whisper-light, dusty violet — the color of a velvet chair.
• Wisteria (#B17FE7): A luminous, balanced violet — the color of a velvet chair.
• Graphite (#685A79): A full-bodied, dusty violet — the color of twilight just after sunset.
• Navy (#383957): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#0A0D15): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Muted 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 Wisteria Pier color palette (#E5E2F1, #D58CD6, #7C6782, #4B465A, #161821)
• Periwinkle Drift color palette (#DFEDFF, #649CE8, #585F81, #283E58, #060F14)
• Orchid Lagoon color palette (#F4F4FF, #AB5FE5, #46274B, #0E0D1D, #010103)
• Misty Peony color palette (#EEE2F9, #FA1AAB, #87413C, #551D3C, #080416)
• Timeworn Coral color palette (#F5E6F4, #FF686C, #885C3A, #5E3433, #150E19)
• Teal Lantern color palette (#EBF9F1, #BDD2A6, #73B088, #8C79A9, #093F35)
• Worn Courtyard color palette (#F1DFEC, #E5553C, #6F4B20, #3F2639, #08020A)
• Soft Market color palette (#EBE1FD, #AC2993, #581723, #2E1C1C, #13000F)

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