Muted Harbor color palette — #FAF3F5 · #D1D8DB · #D9AB83 · #ACA7B2 · #5B4F53

Built around Sand, softened by Charcoal Brown — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#D1D8DB): bright and airy, almost weightless.
• Sand (#D9AB83): A luminous, dusty gold — the color of old brass.
• Ash (#ACA7B2): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#5B4F53): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Softness, Clarity. 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

• Washed Grove color palette (#EFF7F5, #D2DDE3, #B2B2C1, #97B96E, #3C4C47)
• Weathered Iris Chapel color palette (#FFF0F7, #EAC2DE, #AFB37D, #937FBD, #593F49)
• Wandering Bronze Atelier color palette (#F7F0EA, #D7D9CF, #A5B2AD, #AA7642, #3C352E)
• Dusty Loft color palette (#E8F6EC, #CBB66E, #65827E, #485A4E, #261F23)
• Dusty Chestnut Station color palette (#DBE3DA, #8FA6A6, #6C8E9A, #885700, #010D01)
• Dusty Seafoam color palette (#EFF8F0, #FFE1A3, #DED6C9, #7FE1A7, #2C5040)
• Clover Harbor color palette (#EAF9F7, #CADDEC, #B1C3EA, #0BB64D, #0F3A38)
• Aged Study color palette (#E8EFED, #B2C3CA, #94AABE, #7A8A00, #06251C)

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