Muted Harbor color palette — #EFF6FF · #E4D4EE · #BA9EDA · #956A96 · #504059

Mauve and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Thistle (#E4D4EE): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#BA9EDA): A luminous, balanced violet — the color of wild irises.
• Slate (#956A96): A full-bodied, balanced pink — the color of a candy shop window.
• Charcoal (#504059): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Hushed Station color palette (#E7F9FF, #CBDCFC, #8BAEE5, #7070A2, #4E4E6E)
• Weathered Violet color palette (#EBF1FF, #B1A9E8, #8E6CBA, #744E7B, #3C354C)
• Timeworn Stone Dune color palette (#F3F4FF, #FFD4E2, #E09AB6, #A36362, #5B3C4F)
• Ash Coast color palette (#F5F3FF, #FFD1E4, #C1D596, #B387BC, #1E5043)
• Stone Balcony color palette (#ECF9F1, #BEE6EA, #97B8A3, #8E717C, #294544)
• Patina Peony Studio color palette (#F5F3FF, #E9A7EC, #CF6A96, #99414C, #562117)
• Hushed Peony Garden color palette (#DEDBFF, #D084ED, #BE50AA, #901549, #370002)
• Ancient Magenta Bloom color palette (#F3F4FF, #DAB8FF, #D161DA, #A83073, #5F081F)

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