Muted Harbor color palette — #FBF2F9 · #E8D4D6 · #C0ADB7 · #51638C · #413740

Slate takes the lead with Rosewood Mist close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Silver (#E8D4D6): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#C0ADB7): A luminous, dusty pink — the color of neon signs at night.
• Slate (#51638C): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#413740): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Petrol Grove color palette (#F6EFF5, #E1D2D3, #C2B2B8, #45649B, #271C26)
• Cerulean Terrace color palette (#F1F6FC, #DBD7E4, #C4BACB, #6681AF, #343B45)
• Aubergine Hollow color palette (#FFF1F5, #ECC8CF, #C6999E, #6E458B, #3F2D33)
• Driftwood Corridor color palette (#FCF2F4, #E3D7D3, #AEAFA5, #9C767E, #595052)
• Washed Navy color palette (#EBDDE6, #C7B2BD, #A48391, #383E77, #261C23)
• Iris Meadow color palette (#FFF0F9, #A2BEFF, #9088FF, #8766AA, #342D54)
• Muted Onyx color palette (#EFE5E6, #A99494, #8B6663, #4C0047, #130506)
• Muted Chestnut color palette (#FED1E5, #B090CA, #926B71, #844824, #534000)

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