Muted Lagoon color palette — #EFF7F8 · #D6DAE0 · #B2A8AF · #3B9287 · #485558

A conversation between Fern and Charcoal Brown, giving this palette its sense of sophistication.

The five colors

• Ivory (#EFF7F8): a clean, paper-quiet neutral.
• Silver (#D6DAE0): a clean, paper-quiet neutral.
• Ash (#B2A8AF): a calm mid-gray that lets other colors speak.
• Fern (#3B9287): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#485558): quiet, heavy and certain.

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 Summit color palette (#EFF3EE, #CFDAD7, #A1B6BC, #4F908C, #333832)
• Driftwood Archive color palette (#EFF8F0, #A9CABB, #6E8B63, #486D74, #3B5349)
• Chestnut Workshop color palette (#FFF1F7, #7FB4A4, #4D7E98, #7F4A22, #324C54)
• Aged Harbor color palette (#DDE5EC, #B2B9C5, #888CA7, #004A6D, #12212D)
• Aged Ash Orchard color palette (#DEFCFF, #AFC8D3, #8897B2, #886C75, #46574B)
• Hushed Spruce color palette (#DBE5E7, #8E9CA5, #5D738A, #003232, #000B10)
• Glacier Atelier color palette (#E9F8FE, #C3FACF, #73E2F5, #7494D5, #2C4E60)
• Ultramarine Lantern color palette (#F1F5FC, #CFD1E2, #AAA0C7, #3342D0, #293346)

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