Muted Harbor color palette — #F7F3FA · #E4D5D9 · #D4B0C2 · #A73E73 · #443C4A

A conversation between Magenta Rose and Rosewood Mist, giving this palette its sense of sophistication.

The five colors

• Ivory (#F7F3FA): bright and airy, almost weightless.
• Silver (#E4D5D9): bright and airy, almost weightless.
• Rosewood Mist (#D4B0C2): A luminous, dusty rose — the color of a warm blush.
• Magenta Rose (#A73E73): A full-bodied, balanced rose — the color of pressed rose petals.
• Charcoal (#443C4A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Plum Market color palette (#FAEFED, #DFD4C9, #DAB6A9, #A44767, #2E2120)
• Wandering Mulberry Boulevard color palette (#F2ECF4, #D5C7D1, #AF9AA2, #8E2A4C, #352938)
• Softworn Terrace color palette (#FAF2F9, #E5D5D5, #ADC3B0, #BD292D, #4D384A)
• Dusty Byzantium color palette (#F3F4FF, #E1D5DF, #C7B5CD, #8347B9, #3D3D52)
• Dusty Bronze Station color palette (#EDEBFF, #D49EA6, #A76D41, #006579, #344177)
• Hushed Chestnut color palette (#FFF1F6, #CAD6CC, #A4AC80, #874800, #472736)
• Charred Brick color palette (#F0DAED, #C40029, #432100, #260C25, #11040C)
• Dusty Garnet Terrace color palette (#F1E7EF, #C6B3BB, #7F9583, #85010E, #2A1828)

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