Muted Harbor color palette — #FEF3E8 · #CFE9FF · #6A8EE4 · #006873 · #1D183B

Lavender Blue takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FEF3E8): bright and airy, almost weightless.
• Frost (#CFE9FF): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender Blue (#6A8EE4): A luminous, balanced violet — the color of wild irises.
• Peacock (#006873): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#1D183B): A deep, shadowed, dusty violet — the color of wild irises.

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

• Muted Azure color palette (#FFF2EC, #A9F5FC, #00A1CB, #006D50, #012039)
• Aged Periwinkle color palette (#F5EDE5, #ADD9FD, #899EF4, #009092, #35234D)
• Dusty Cobalt Orchard color palette (#E8F2E9, #96B5D3, #3565B5, #004D5F, #212660)
• Muted Cerulean color palette (#FFF2EC, #7FDDE9, #0086AF, #005340, #000D1F)
• Wandering Pier color palette (#FBEAE1, #43B4BD, #005E77, #002D1E, #000103)
• Wandering Turquoise color palette (#FFF2EC, #D0E0F6, #43B6D3, #3F7D5D, #03372B)
• Soft Petrol color palette (#FCEADE, #54C5F4, #0469B7, #003E3D, #010014)
• Faded Lantern color palette (#E3FFDD, #00C4B8, #DF6478, #00736C, #35010D)

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