Muted Harbor color palette — #EFF7F4 · #D1DEE3 · #B3C4D0 · #87975D · #3E4B47

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

The five colors

• Ivory (#EFF7F4): a clean, paper-quiet neutral.
• Silver (#D1DEE3): a clean, paper-quiet neutral.
• Stone (#B3C4D0): A luminous, dusty blue — the color of open sky before noon.
• Moss (#87975D): A luminous, balanced green — the color of fresh herbs.
• Charcoal (#3E4B47): quiet, heavy and certain.

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

• Ancient Ash color palette (#EFF7F7, #D4DCE2, #B2B1C0, #73A7A4, #4C5554)
• Muted Jade color palette (#EEF8F2, #BACCA0, #60A073, #597B67, #2C4941)
• Patina Olive color palette (#E8FAF7, #C1E6E9, #89CBCF, #338D2D, #173A36)
• Emerald Chapel color palette (#D0EBE9, #3FA762, #2D545C, #1D3231, #121A18)
• Hushed Turquoise color palette (#E3FCEF, #A0D7D5, #67ABB6, #897589, #5F455B)
• Weathered Abyss Market color palette (#E1EAEB, #91AAB0, #6D8B9D, #005239, #000C0D)
• Hushed Lagoon color palette (#FFF0F7, #A8BB6F, #199B87, #834F75, #1E4540)
• Weathered Petrol color palette (#E6F2F7, #B5C7D6, #95A6C0, #006D7A, #0E222A)

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