Muted Harbor color palette — #EEF8F5 · #D0DDE0 · #B2C2C8 · #697C53 · #404A47

Walnut and Stone set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF8F5): bright and airy, almost weightless.
• Silver (#D0DDE0): bright and airy, almost weightless.
• Stone (#B2C2C8): a calm mid-gray that lets other colors speak.
• Walnut (#697C53): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal (#404A47): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Softworn Olive Dune color palette (#EBF4F1, #CFD8DB, #AEBFC8, #6A7D47, #222F2B)
• Olive Lagoon color palette (#E9FAF3, #A4B88C, #5A7F4D, #466057, #2E4942)
• Ancient Garden color palette (#E0EFF6, #A9BCC9, #7E91A1, #004D5C, #0C222C)
• Worn Stone color palette (#C4F8F7, #8BBDC3, #638E9B, #5A6779, #514A63)
• Forest Cabin color palette (#E9F9F8, #B1DCDD, #7FB1B6, #006D34, #203836)
• Aged Spruce color palette (#DAE7E5, #8BB2AF, #5A898A, #0D4402, #001916)
• Pine Villa color palette (#CEECEA, #00874A, #17383A, #122222, #070E10)
• Soft Celadon Summit color palette (#E1FCF8, #CBF691, #7CC886, #4D9F86, #254948)

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