Muted Harbor color palette — #F0F7F2 · #AAEAFA · #DBA2CB · #42BCD6 · #3C2729
A conversation between Cyan and Carnation, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F7F2): bright and airy, almost weightless.
- Powder Blue (#AAEAFA): A whisper-light, dusty blue — the color of deep harbor water.
- Carnation (#DBA2CB): A luminous, balanced pink — the color of peonies in June.
- Cyan (#42BCD6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Espresso (#3C2729): A deep, shadowed, dusty red — the color of late-summer berries.
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
- Washed Periwinkle Archive color palette (#F9F3F8, #CFDEFF, #E5A1B4, #88A9F3, #3A2926)
- Tempered Grove color palette (#F2F7F1, #CBE8C4, #A5B3F4, #00C5B7, #372933)
- Ancient Bronze color palette (#EDF9F0, #90D4E2, #C896C5, #9F842B, #004B57)
- Ancient Boulevard color palette (#F0F6FB, #ADD7F5, #9194D6, #1D95D7, #292D3B)
- Gentle Fuchsia color palette (#E7FBF3, #9ED6FF, #ED6BE7, #01A4F1, #330F17)
- Washed Cornflower color palette (#F9F3F9, #ACCCFF, #E97D8A, #5093FF, #29100A)
- Hushed Powder Studio color palette (#EFF7F5, #DCD5D3, #8BBBE6, #A9ABA1, #4A5552)
- Ancient Mallow color palette (#FBF2FA, #D2D8F1, #F5A7F4, #CDB9BE, #5E4354)
Browse the whole catalog at Explore, or see today's palette.