Muted Harbor color palette — #E8F8FF · #B0C2CE · #8E99AE · #7B6D7A · #664A57

A conversation between Charcoal Brown and Blue Fog, giving this palette its sense of sophistication.

The five colors

• Ivory (#E8F8FF): bright and airy, almost weightless.
• Ash (#B0C2CE): A luminous, dusty blue — the color of open sky before noon.
• Blue Fog (#8E99AE): A luminous, dusty violet — the color of a velvet chair.
• Slate (#7B6D7A): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal Brown (#664A57): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Sophistication. Tagged vintage, retro, 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

• Dusty Atelier color palette (#EEF6FF, #C4CEE6, #9997AA, #637163, #365352)
• Patina Basalt color palette (#CDE5FE, #97A5C3, #757198, #6A4854, #4A461C)
• Muted Petrol Atelier color palette (#EEF6FF, #90B4D9, #BB8F63, #4676A6, #64414E)
• Wandering Harbor color palette (#EFF6FF, #B5CDF8, #6980B1, #384D75, #263A57)
• Wandering Chestnut Ridge color palette (#E9FBEC, #CBE2D7, #D3B6CC, #AF968E, #7A490E)
• Aged Garnet color palette (#DADCFC, #856C9F, #6D3655, #2F2700, #001C10)
• Worn Bronze color palette (#F4F8DF, #CBD3BA, #96B2A1, #A67A3E, #505708)
• Forest Harbor color palette (#ECE9FF, #AA8AB7, #9A5270, #525500, #0E5005)

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