Muted Harbor color palette — #EFF7F5 · #CEE0F3 · #58A7B1 · #3D7B73 · #3B5764

A conversation between Cyan and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Powder Blue (#CEE0F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#58A7B1): A luminous, dusty blue — the color of deep harbor water.
• Teal (#3D7B73): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#3B5764): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Softworn Cypress color palette (#E3F2EF, #6BACA9, #006468, #003F35, #002429)
• Timeworn Powder color palette (#E7FAF9, #C8E3F2, #A2C7E9, #679892, #3D5152)
• Washed Cerulean Pier color palette (#D7E8E5, #448D97, #004451, #002222, #000B11)
• Wandering Petrol Lagoon color palette (#E1F3F1, #7ABBDB, #006FA3, #004D5D, #063050)
• Patina Alley color palette (#E0FCF9, #6AA978, #3398AF, #8F7132, #2F4846)
• Cerulean Market color palette (#E8F9F7, #8FDBF3, #008CB5, #00656E, #004564)
• Muted Moss color palette (#D3F9EB, #A7C386, #699A50, #477341, #2D5754)
• Softworn Olive color palette (#E7FAF6, #9ABC88, #CC846B, #57803F, #5E4455)

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