Muted Lagoon color palette — #EFF7F7 · #D4DBE2 · #B7C0CD · #29866B · #394C4D

Fern and Charcoal set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D4DBE2): bright and airy, almost weightless.
• Ash (#B7C0CD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#29866B): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#394C4D): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Sophistication. Tagged scandi, muted, light.

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 Quarry color palette (#EBF4F4, #D1DAE3, #B7BDD4, #478365, #232F2F)
• Patina Workshop color palette (#EEF8F0, #92BAA5, #6D7A43, #376545, #294A3A)
• Abyss Dune color palette (#D8E8EB, #99ADB4, #668494, #004139, #00181C)
• Hushed Petrol Orchard color palette (#F1F6FB, #D9D8E2, #ABB2CA, #2C689A, #313C47)
• Dusty Pewter color palette (#E2FAFF, #9CBDCC, #6F87A1, #745979, #624858)
• Tempered Mulberry Market color palette (#E9FBEC, #54A996, #00768D, #753259, #1A444D)
• Ancient Navy Corridor color palette (#E0E5EC, #B3B9C5, #898CA5, #003F90, #15202E)
• Wandering Cobalt color palette (#E5FAFF, #A2EABA, #35D6CE, #008CC6, #00434A)

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