Muted Lagoon Lagoon color palette — #F2F7F1 · #D2DDDC · #B1C5C8 · #20A499 · #444A42

A conversation between Turquoise and Stone, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#D2DDDC): bright and airy, almost weightless.
• Stone (#B1C5C8): A luminous, dusty blue — the color of deep harbor water.
• Turquoise (#20A499): A luminous, balanced teal — the color of sea glass.
• Charcoal (#444A42): quiet, heavy and certain.

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

Use it as a design system

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

• Muted Cerulean Field color palette (#F0F7F4, #DED4D2, #ABA294, #4699C4, #3F4B46)
• Dusty Cerulean color palette (#F0F7F2, #CDE4DB, #D5B1CF, #008795, #1C3B26)
• Tempered Basalt color palette (#FCF4E9, #CEC59F, #799A71, #417E77, #4F4200)
• Cerulean Ridge color palette (#D7EADE, #00A0BB, #5A445D, #203327, #141B12)
• Tempered Cerulean color palette (#FFF2EA, #66C5B5, #438EBE, #914F2B, #2B4430)
• Abyss Summit color palette (#E6EDE6, #A6BAB0, #A48CA4, #005F61, #09180A)
• Weathered Fern Coast color palette (#F0FADE, #B7D6BF, #B59AB7, #926B48, #615200)
• Hushed Cobalt color palette (#F2ECF2, #E1D3DB, #CFADB7, #2A74BC, #352937)

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