Muted Lagoon color palette — #FAF3F7 · #C1E7FA · #84B7E6 · #2EA182 · #31375C

A conversation between Fern and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Frost (#C1E7FA): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#84B7E6): A luminous, balanced blue — the color of deep harbor water.
• Fern (#2EA182): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#31375C): A deep, shadowed, dusty violet — the color of wild irises.

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

• Muted Veranda color palette (#F6EBEE, #B4D7F8, #8DA0E8, #009092, #35224F)
• Wandering Emerald color palette (#FFF0FE, #7DEEF8, #0FB9F7, #009E5C, #062E6E)
• Aged Dune color palette (#FAF3F8, #D6D5E5, #9FCDEF, #7CAF98, #465369)
• Washed Cypress color palette (#FBF4E9, #BEDDCA, #589FC4, #007C7A, #1D3D5A)
• Linen Corridor color palette (#DBF4F7, #66D6B7, #D996D2, #00A989, #4D234A)
• Ancient Quarry color palette (#DAFDFD, #B1E4FB, #CABFEF, #ACAC76, #19464D)
• Muted Boulevard color palette (#F8E8F0, #63ACC4, #0077CB, #005F4D, #06002B)
• Weathered Garden color palette (#F6ECF7, #7ABEBA, #0092AF, #1B721A, #001529)

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