Muted Harbor color palette — #F9F3F8 · #E9D8DA · #D4BBBD · #3B70DA · #281826

Built around Sapphire, softened by Onyx — the whole palette hums with sophistication.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#E9D8DA): bright and airy, almost weightless.
• Stone (#D4BBBD): A luminous, dusty red — the color of late-summer berries.
• Sapphire (#3B70DA): A full-bodied, vivid violet — the color of wild irises.
• Onyx (#281826): 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

• Iris Balcony color palette (#F9F3F7, #E2D7D8, #CAC3B8, #7583CF, #382934)
• Muted Cobalt Courtyard color palette (#F0F7F4, #D0DFE0, #D9C0C9, #0081AC, #0D231B)
• Wandering Parlor color palette (#FCF2F7, #E9D4D3, #D4AFBB, #5B45C1, #150810)
• Obsidian Indigo Pier color palette (#FBDBEC, #775DD5, #2B1C3C, #23140F, #0C0006)
• Ancient Denim Garden color palette (#E3EAF1, #C5CBDD, #A2A1B8, #265591, #0F161F)
• Orchid Loft color palette (#FEF1F4, #E3D7D2, #AEAF98, #AE4BC9, #351C23)
• Magenta Pier color palette (#FFF0F9, #E0D8F3, #BDBCFF, #C661FF, #190932)
• Weathered Chestnut Ridge color palette (#FFF1F4, #DCB0D4, #B77591, #834609, #382200)

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