Muted Harbor color palette — #EBF9F1 · #C3E2E6 · #92B9A2 · #99714A · #294544

Walnut takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EBF9F1): bright and airy, almost weightless.
• Silver (#C3E2E6): A whisper-light, dusty blue — the color of open sky before noon.
• Sage (#92B9A2): A luminous, dusty teal — the color of sea glass.
• Walnut (#99714A): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Charcoal (#294544): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Stone Summit color palette (#EDF9ED, #C4E2E0, #C5A983, #936C85, #2E4440)
• Patina Villa color palette (#E4F8EC, #BAC091, #8B8459, #4A5E4C, #1D312C)
• Dusty Bronze color palette (#FDF4E3, #B0BF94, #9A7B37, #825119, #424E00)
• Dusty Bronze Studio color palette (#F1F5FD, #A6BBF1, #A88BC4, #896B00, #1C2A38)
• Tempered Orchard color palette (#E9FBE7, #D1C995, #AB814D, #85422E, #022821)
• Hushed Chestnut color palette (#D7ECDA, #9CA054, #7B5900, #522100, #000600)
• Worn Garnet Studio color palette (#FFF1F6, #C2B184, #A66524, #7D201D, #001710)
• Cerulean Alley color palette (#EFF6FC, #E9D2CF, #538FAB, #264B61, #141D23)

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