Muted Harbor color palette — #F7EFF3 · #D7D1E3 · #869EBB · #437381 · #2E3649

A conversation between Slate and Blue Fog, giving this palette its sense of sophistication.

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Silver (#D7D1E3): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#869EBB): A luminous, dusty blue — the color of deep harbor water.
• Slate (#437381): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#2E3649): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Petrol Atelier color palette (#EFF7F6, #D6DBEC, #739FC0, #217A92, #3F556B)
• Petrol Studio color palette (#F2E4EF, #7EC0C9, #00759A, #004D3B, #00162F)
• Aged Denim Hollow color palette (#FCE9F2, #60A6C6, #005A9D, #003938, #040031)
• Hushed Orchard color palette (#E6F6F1, #A8BD83, #9495D1, #657B3A, #262F4C)
• Taupe Grove color palette (#E4F7F0, #C2D8F4, #AEA3B7, #7C9C83, #2D413D)
• Washed Navy Garden color palette (#F6E1E8, #4E7DA4, #1E3579, #001F23, #010009)
• Ancient Lagoon color palette (#EFE1EA, #479995, #005360, #002E16, #00050A)
• Antique Taupe Veranda color palette (#DFF9F1, #90A56E, #9484B4, #876B99, #0E2E26)

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