Muted Harbor color palette — #FFF0F9 · #7BB988 · #37848F · #774A5B · #364C4E

Mint Leaf takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Mint Leaf (#7BB988): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#37848F): A full-bodied, dusty blue — the color of open sky before noon.
• Coffee (#774A5B): A full-bodied, dusty rose — the color of a warm blush.
• Charcoal (#364C4E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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

• Hushed Taupe color palette (#FFF1F6, #B5A961, #478664, #575577, #384D46)
• Aged Jade Grove color palette (#E8F9F7, #5FAC6A, #5B6EA2, #754340, #51394F)
• Tempered Lagoon color palette (#ECF9F4, #A1CDAD, #5D8A90, #546C65, #3E5250)
• Worn Parlor color palette (#FAF2F8, #D6D6EB, #6CA1BC, #4A777C, #425468)
• Muted Fern color palette (#FFF2EF, #A8C99B, #589EAD, #8F5F6C, #39510D)
• Quiet Lagoon color palette (#FFF0FA, #00A385, #00698E, #742632, #003E3E)
• Patina Turquoise Atelier color palette (#FFF1F6, #00A9C5, #58659F, #69451F, #2B404F)
• Wandering Bloom color palette (#FDF4E6, #ACDEC0, #72BDBF, #A67BA4, #404C36)

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