Muted Harbor color palette — #F0F6FC · #C5E1FF · #D5A3D9 · #80AFE0 · #2E2B3B

Mauve and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Powder Blue (#C5E1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Mauve (#D5A3D9): A luminous, balanced pink — the color of peonies in June.
• Cornflower (#80AFE0): A luminous, balanced blue — the color of open sky before noon.
• Onyx (#2E2B3B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Azure Garden color palette (#F0F7F4, #BBDFF0, #DB97B1, #00A8DC, #2A1918)
• Dusty Powder color palette (#EAFAED, #C5CCFF, #BEA3C7, #72967C, #434759)
• Worn Taupe color palette (#EFF6FF, #9EC3FE, #D78F7B, #8F9255, #24383D)
• Weathered Garnet Orchard color palette (#F0F6FF, #D1D6FF, #C0AEDF, #AC7CB1, #6B3059)
• Fuchsia Field color palette (#F0F5FF, #BECCFF, #F471C1, #7890FF, #241532)
• Patina Courtyard color palette (#F5F4FD, #ECC4FC, #E59785, #C286D9, #2F1E2A)
• Cobalt Alley color palette (#ECF4F2, #A1C7EF, #976FB1, #3875B0, #1E1216)
• Misty Corridor color palette (#E5EBFC, #B2B3FF, #DA6998, #7C71F6, #15051D)

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