Muted Lagoon color palette — #FBF3F6 · #C8EAFF · #85A8D1 · #408A7A · #3A4668

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

The five colors

• Ivory (#FBF3F6): bright and airy, almost weightless.
• Frost (#C8EAFF): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#85A8D1): A luminous, dusty blue — the color of deep harbor water.
• Fern (#408A7A): A full-bodied, dusty teal — the color of sea glass.
• Navy (#3A4668): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Lagoon Boulevard color palette (#FAF4F0, #C0E4F3, #91BEF9, #1F9684, #513546)
• Lilac Lantern color palette (#F2F4FF, #AA97DF, #90A158, #508F61, #313553)
• Timeworn Thicket color palette (#F9F4EE, #CBE3D7, #5591BD, #007076, #583C58)
• Tempered Denim color palette (#F9EAF5, #4DA0AE, #005F8A, #003E28, #01002F)
• Antique Cobalt color palette (#FAE9F1, #95CDED, #6385C7, #006D65, #2F264F)
• Ultramarine Archive color palette (#F9E4EC, #63ABD5, #355FC1, #004A46, #19003D)
• Faded Iris Balcony color palette (#D3EBFF, #8BBAF8, #8A8ADA, #7D5B96, #623C5D)
• Forest Courtyard color palette (#ECE3EC, #75C1BD, #00829E, #0A5E18, #00203D)

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