Muted Harbor color palette — #B0ECF7 · #65B8ED · #4570CF · #5A498C · #623A46

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

The five colors

• Sea Foam (#B0ECF7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#65B8ED): A luminous, balanced blue — the color of open sky before noon.
• Sapphire (#4570CF): A full-bodied, balanced violet — the color of a velvet chair.
• Plum (#5A498C): A full-bodied, balanced violet — the color of twilight just after sunset.
• Cocoa (#623A46): A full-bodied, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Sunlit Periwinkle Summit color palette (#D9E8F3, #6DB3FF, #4E6FBF, #404579, #282E4D)
• Frosted Violet color palette (#D4E9FF, #8D9DE7, #8364D4, #744984, #653D52)
• Weathered Iris color palette (#D8EEFF, #90C6FF, #7094EA, #6269A4, #5F3E51)
• Cobalt Coast color palette (#DAF3CF, #25B5C7, #007DAC, #365A95, #56384D)
• Worn Ultramarine Coast color palette (#FFF0FB, #8C9BD9, #A9840D, #4C5BB7, #46423B)
• Olive Archive color palette (#FFF0FE, #5F89CB, #738504, #2E7542, #443043)
• Voltage Amethyst color palette (#E0F3FF, #5380FF, #7217F7, #5E0096, #5C164D)
• Timeworn Villa color palette (#FFF0FC, #E6D4E3, #F7A5B7, #478E9A, #5D4550)

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