Muted Harbor color palette — #EEF7FC · #D3DDE9 · #81B1EE · #61A4BE · #181F28

A conversation between Cornflower and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EEF7FC): a clean, paper-quiet neutral.
• Silver (#D3DDE9): bright and airy, almost weightless.
• Cornflower (#81B1EE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Blue Fog (#61A4BE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Onyx (#181F28): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged duotone, 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

• Turquoise Corridor color palette (#EFF7FB, #B6E6FE, #BDABED, #57BBD1, #2B2D38)
• Muted Loft color palette (#EAF8FF, #65CAE9, #9A89C7, #5C7C55, #0F262A)
• Ash Delta color palette (#FCF0FF, #C7DFFF, #959ED4, #8E6478, #35404F)
• Timeworn Lantern color palette (#EDF4EF, #A4CFB4, #7180B4, #007F95, #1F101C)
• Iris Meadow color palette (#F3F5FE, #EAD3EC, #C785B3, #8D7CC9, #150F1E)
• Hushed Iris Station color palette (#EEF6FF, #B9DDFF, #7D80FF, #0083D4, #03081D)
• Byzantium Pier color palette (#EFF6FF, #94BBFF, #8C4ED7, #245CC2, #01000A)
• Hushed Quarry color palette (#D3E3F0, #0084BA, #27209A, #002F46, #00000B)

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