Muted Harbor color palette — #FFF2EE · #8394D3 · #6C6096 · #713A47 · #4C3544

Blue Fog and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Blue Fog (#8394D3): A luminous, balanced violet — the color of wild irises.
• Slate (#6C6096): A full-bodied, balanced violet — the color of a velvet chair.
• Cocoa (#713A47): A full-bodied, dusty red — the color of a theater curtain.
• Charcoal (#4C3544): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Ancient Boulevard color palette (#F3F6EE, #BFE6DB, #688CBD, #29698A, #573E54)
• Pewter Orchard color palette (#FFF2EB, #B69BCB, #92668B, #7B4B37, #584046)
• Wandering Powder color palette (#FFF0FC, #C9E3FF, #91AFFF, #8278BA, #513448)
• Cobalt Loft color palette (#FEF0FD, #6388C9, #78508B, #005542, #003F50)
• Softworn Olive color palette (#E4FBF4, #71BBE3, #867DB8, #5C6C12, #293F58)
• Hushed Corridor color palette (#FFEFFF, #B4C4FF, #A996E4, #B06A79, #333C54)
• Ancient Petrol color palette (#F5F3DB, #67A5C5, #6A5FA4, #424C00, #2F1931)
• Indigo Cabin color palette (#F0DFEA, #5F66BE, #412A36, #291924, #13090C)

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