Muted Harbor color palette — #ECF7FF · #A9BDD3 · #758196 · #685B7E · #5E4252

A conversation between Graphite and Cocoa, giving this palette its sense of sophistication.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Ash (#A9BDD3): A luminous, dusty blue — the color of open sky before noon.
• Storm Blue (#758196): A luminous, dusty violet — the color of twilight just after sunset.
• Graphite (#685B7E): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#5E4252): A full-bodied, dusty pink — the color of neon signs at night.

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

• Glacier Ridge color palette (#DFFEE0, #9EE3F5, #9DC1B2, #A18B95, #674D54)
• Timeworn Delta color palette (#E7EAFF, #B1A2DA, #8A6E96, #8D3942, #693E32)
• Cerulean Archive color palette (#EDF8F7, #C5E1F2, #4B93B8, #006F7D, #2F4B62)
• Weathered Cypress Archive color palette (#ECF8F7, #90B8BA, #408173, #37654A, #29494A)
• Softworn Cerulean color palette (#B8F2FC, #64BED3, #008CAF, #005E7E, #323F65)
• Onyx Workshop color palette (#D5E1FA, #616394, #4A316C, #46001D, #290305)
• Weathered Garnet Atelier color palette (#DEE9FF, #989ACD, #74569B, #83153D, #6F0612)
• Garnet Studio color palette (#F6EBFC, #847C9F, #733C5A, #572504, #361E00)

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