Muted Harbor color palette — #FBF3EE · #C1F1F1 · #7A9CC2 · #597859 · #5F4C59

A conversation between Blue Fog and Pewter, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Honeydew (#C1F1F1): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#7A9CC2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pewter (#597859): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#5F4C59): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, 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

• Cerulean Pier color palette (#FDF3EB, #B6E3FF, #658CC1, #256E71, #593E50)
• Timeworn Workshop color palette (#FCF3EF, #C3F2E6, #7BA48D, #497B63, #365149)
• Patina Ash color palette (#F7F0EB, #C7E5E5, #B090B0, #5C7351, #462D3C)
• Timeworn Loft color palette (#E4FBF2, #47A3D1, #B97754, #8E7144, #354740)
• Powder Studio color palette (#FBF3F6, #D9D4E4, #97B3DB, #5A9389, #4B5267)
• Ancient Atelier color palette (#E4FBF3, #65BAF0, #CA8568, #3F799E, #534B47)
• Powder Grove color palette (#FEF0FF, #9ACBFE, #5382AC, #2D526F, #184138)
• Pale Forest Courtyard color palette (#FFF2EB, #75E3DF, #008FA5, #006B3C, #11455F)

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