Muted Lagoon color palette — #EEF8F3 · #A2CBBD · #638A81 · #516D61 · #3B534B

Stone takes the lead with Storm Blue close behind in a set that reads as sophistication and grounding at first glance.

The five colors

• Ivory (#EEF8F3): bright and airy, almost weightless.
• Stone (#A2CBBD): A luminous, dusty teal — the color of glacier melt.
• Storm Blue (#638A81): A luminous, dusty teal — the color of shallow lagoons.
• Graphite (#516D61): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#3B534B): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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

• Lagoon Loft color palette (#E5F9FF, #99DEDE, #449594, #00605F, #004444)
• Patina Olive Pier color palette (#EAFAF2, #A7B78A, #607D4C, #346360, #2E4941)
• Cypress Market color palette (#EAF8FB, #77BFB8, #9293C4, #05847D, #414C6B)
• Cerulean Study color palette (#E5F9FF, #50A8A6, #698BBE, #6A7F4D, #29484F)
• Hushed Fern color palette (#F8F5EC, #E5DFB8, #A3C18B, #A19A82, #574E00)
• Emerald Lantern color palette (#C8F7ED, #5FA562, #006C3C, #004F3F, #01390A)
• Fern Harbor color palette (#D7F1E2, #7A7F3F, #3C4C00, #103806, #1B1D00)
• Tempered Lagoon color palette (#EAF9F5, #A3CAC3, #5A8C87, #546D5A, #3D524E)

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