Muted Harbor color palette — #F2F7EC · #98D3BC · #D49FB9 · #3DA080 · #644342

A conversation between Fern and Mauve, giving this palette its sense of sophistication.

The five colors

• Ivory (#F2F7EC): bright and airy, almost weightless.
• Pistachio (#98D3BC): A luminous, dusty teal — the color of shallow lagoons.
• Mauve (#D49FB9): A luminous, dusty rose — the color of strawberry cream.
• Fern (#3DA080): A luminous, balanced teal — the color of sea glass.
• Cocoa (#644342): A full-bodied, dusty orange — the color of autumn markets.

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

• Driftwood Parlor color palette (#F8F6E4, #B8CD98, #B4A7E3, #7F9659, #644052)
• Patina Cerulean color palette (#EEF8F0, #8DD2D8, #DAA385, #2E9DA6, #723E09)
• Mallow Studio color palette (#F2F8EC, #A5E5CB, #FEA9CF, #63BC9C, #644341)
• Pine Villa color palette (#E7F9FA, #86BEA8, #BA86A6, #008766, #544567)
• Shell Quarry color palette (#EEF8F4, #F5C3BB, #5B8977, #3A534A, #1F2F29)
• Taupe Terrace color palette (#F3F8E7, #FCD8F5, #B7E4EF, #A79C75, #445140)
• Softworn Bronze color palette (#FCF4E6, #D1CCA9, #AC9973, #9C6734, #444E00)
• Teal Summit color palette (#E7FDE1, #A5E9E3, #60B3AA, #2D7665, #2F4122)

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