Muted Lagoon color palette — #F5F6EE · #CAE4E1 · #95BCA7 · #559296 · #365146

Storm Blue and Sage set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#CAE4E1): A whisper-light, dusty teal — the color of sea glass.
• Sage (#95BCA7): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#559296): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#365146): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, 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

• Cerulean Workshop color palette (#F4F6EF, #C6E8E9, #8CB7D8, #5690A2, #5D4B60)
• Softworn Courtyard color palette (#E8EBDC, #7ABECB, #00829D, #00595B, #002330)
• Timeworn Lagoon color palette (#F3F7E9, #A1D2B3, #D8A57E, #539E74, #524C46)
• Softworn Taupe Canyon color palette (#F1F8EC, #B8E1E4, #A5A9BB, #9FAC84, #4C5647)
• Teal Balcony color palette (#EBFCE0, #A8E1CE, #64AB98, #317867, #293B1B)
• Fern Bloom color palette (#F0F9E6, #79C3A6, #77ADCA, #9A9465, #334B07)
• Hushed Lantern color palette (#ECEFE0, #589DB8, #006085, #003A43, #000A16)
• Softworn Bronze Grove color palette (#FEF4E4, #D7C9AB, #AE9874, #956C2D, #584500)

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