Muted Lagoon color palette — #FBF3EE · #C3E1EE · #88BEB0 · #58928E · #604A5C

A conversation between Storm Blue and Mint Leaf, giving this palette its sense of sophistication.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Powder Blue (#C3E1EE): A whisper-light, dusty blue — the color of open sky before noon.
• Mint Leaf (#88BEB0): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#58928E): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#604A5C): A full-bodied, dusty pink — the color of peonies in June.

Feels like: 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

• Hushed Lagoon color palette (#FCF3EF, #C7F1E6, #79BDD1, #7E8C67, #375148)
• Dusty Teal Balcony color palette (#FAF3F7, #D8D4E3, #BCBDE7, #63B3A3, #49526A)
• Patina Lagoon Lagoon color palette (#EFF9E9, #85D7BF, #DA9BC0, #499E87, #644344)
• Softworn Ash color palette (#FBF4EF, #C9E9E8, #7E9CC0, #607653, #614B58)
• Worn Seafoam color palette (#E8FCE0, #91F0E0, #56ADA7, #377771, #2A3B22)
• Washed Iris Thicket color palette (#FCF4EA, #BDDFFF, #7194FF, #008090, #3F3961)
• Softworn Cerulean color palette (#F7ECE6, #84D4D8, #0D95B5, #006F4C, #0C314A)
• Patina Meadow color palette (#EEFAE4, #64C6AA, #D08CB1, #B87D6A, #3D4637)

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