Muted Harbor color palette — #F9F3F9 · #E6D8D7 · #CDBCB5 · #876886 · #4C454C

Built around Slate, softened by Stone — the whole palette hums with sophistication.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Bone (#E6D8D7): a clean, paper-quiet neutral.
• Stone (#CDBCB5): A luminous, dusty orange — the color of toasted spice.
• Slate (#876886): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#4C454C): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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 Ash Atelier color palette (#FAF3F8, #E3D7D8, #CEBBBB, #7F8DBD, #4E444C)
• Washed Cypress Studio color palette (#EFF8F3, #E0D4D1, #C9B7B5, #557F6C, #414A46)
• Ancient Cobalt Basin color palette (#EEF2F9, #D7D5DC, #BFB8C6, #6372A7, #282C33)
• Olive Atelier color palette (#D9FFF0, #D1ADBB, #9F776F, #61702B, #405745)
• Mulberry Field color palette (#F6ECED, #DBC7C3, #B09C8F, #6E426F, #38292C)
• Muted Cabin color palette (#EEE6EC, #BDA0A9, #987574, #212F73, #1E0D1B)
• Tempered Pine color palette (#FEF3E6, #ADB581, #4C8157, #6E5055, #4E4200)
• Antique Mallow Grove color palette (#FFF0F9, #ABE2FF, #C3AEFF, #C97490, #54383F)

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