Muted Harbor color palette — #E7FAF6 · #B9E3AA · #FFB197 · #8AB77B · #5E4455

Built around Melon, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#E7FAF6): A whisper-light, dusty teal — the color of sea glass.
• Celadon Mist (#B9E3AA): A whisper-light, balanced green — the color of new leaves after rain.
• Melon (#FFB197): A whisper-light, balanced orange — the color of autumn markets.
• Sage (#8AB77B): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#5E4455): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged light, 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

• Mallow Lantern color palette (#F6F7E5, #CBF4B8, #ECB6F0, #85A574, #5C3C42)
• Aged Blush color palette (#ECF9F4, #BBCD94, #EA91B9, #829557, #54475E)
• Seafoam Harbor color palette (#EBF9F0, #E6D593, #54DFDC, #BBA85D, #2C545E)
• Washed Stone Field color palette (#FFF1F5, #C4E3C4, #D7AD80, #A98796, #3D4C40)
• Tempered Teal Bloom color palette (#E8F9F9, #A4E6C7, #A8C8FF, #6DBB98, #3C4E68)
• Worn Olive Harbor color palette (#E6F6F2, #A5BC8F, #B88AB7, #607C43, #342B4A)
• Pale Mustard Dune color palette (#E6F9FF, #6BE1E5, #CFC052, #00B4BA, #234C38)
• Linen Marigold color palette (#D5F6F9, #5FD8B5, #E8A000, #00AA87, #493000)

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