Muted Lagoon color palette — #FBF2F8 · #C5E6F9 · #7FB8E9 · #00A197 · #2A395F

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

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Frost (#C5E6F9): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#7FB8E9): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00A197): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#2A395F): 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

• Weathered Turquoise color palette (#EFF7F6, #D8DDE9, #48B3E3, #007D8B, #163145)
• Softworn Canyon color palette (#F9F3F7, #D7D5E4, #A0CDED, #5CB4A5, #43546B)
• Tempered Emerald Coast color palette (#F7EAF2, #A1E1DD, #00B8D2, #009753, #003248)
• Ancient Boulevard color palette (#F2F5FF, #FED9FE, #FFBFC6, #7AABE5, #3B3D60)
• Gentle Azure color palette (#F6E5ED, #98C7E2, #5594E3, #007C7F, #16144E)
• Cobalt Dune color palette (#EADBE3, #6DAAC5, #0077CB, #005D5B, #03002D)
• Hushed Cobalt color palette (#FBEFE8, #99D1E5, #3C82B5, #005C54, #2F162C)
• Forest Delta color palette (#EBDFE7, #7BBEBD, #0092AD, #007147, #001625)

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