Muted Harbor color palette — #F4F4FF · #DEC0FC · #8E70A6 · #5B446C · #383855

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

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Lavender (#DEC0FC): A whisper-light, balanced violet — the color of a velvet chair.
• Slate (#8E70A6): A full-bodied, balanced violet — the color of wild irises.
• Charcoal Brown (#5B446C): A full-bodied, dusty violet — the color of wild irises.
• Navy (#383855): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Ancient Iris color palette (#F3F4FF, #DBDCFF, #C6AEE5, #9C79B8, #473252)
• Shell Hollow color palette (#FAF1FF, #FBAFCD, #AD6F8A, #6B4152, #42304D)
• Antique Cobalt color palette (#EFF6FF, #AAC9FF, #5D7EB0, #384F73, #253955)
• Peony Atelier color palette (#F7F2FF, #C170A9, #9B7754, #466086, #403A49)
• Feathered Blush Pier color palette (#FFF1F7, #E577AC, #9C3F70, #60193F, #3D1128)
• Wandering Driftwood Station color palette (#EDF9EF, #9FC2AA, #6A896F, #50644F, #3E4C43)
• Dusty Plum Market color palette (#FFF0FD, #E471DF, #A02B9E, #640E5F, #450342)
• Worn Station color palette (#FFD0EC, #E060B8, #941D75, #4D003E, #300024)

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