Muted Lagoon color palette — #EFF7F5 · #D0E0F1 · #8ABACC · #31998B · #365867

Fern takes the lead with Ash close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Frost (#D0E0F1): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#8ABACC): A luminous, dusty blue — the color of deep harbor water.
• Fern (#31998B): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#365867): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted Lagoon 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

• Timeworn Harbor color palette (#E3F1ED, #80BEBC, #00858B, #005A4E, #00242A)
• Powder Dune color palette (#F5F6EE, #BAE2E9, #95C9EB, #809B78, #3E5346)
• Antique Ash Pier color palette (#F9F3F7, #D4D7EE, #66A4B6, #4E7A63, #3F5568)
• Tempered Denim Lantern color palette (#D4E7E3, #6F9AAB, #006375, #003B3B, #000B11)
• Ancient Orchard color palette (#E3F2F1, #A4CAE4, #0090D0, #00697D, #003053)
• Washed Lilac Delta color palette (#F5F4FE, #DAB5E3, #6DBEDA, #AE71BC, #2F5265)
• Periwinkle Station color palette (#F6F3FF, #CE9ECF, #DC8D7D, #6A93D4, #443E55)
• Taupe Lantern color palette (#FFF0F9, #DBC2CF, #BD8F7F, #8B6783, #55414A)

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