Muted Lagoon color palette — #F1F5FE · #B9C5F2 · #D395A9 · #459A6E · #374063

A conversation between Fern and Mauve, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F1F5FE): bright and airy, almost weightless.
• Lilac Frost (#B9C5F2): A whisper-light, dusty violet — the color of twilight just after sunset.
• Mauve (#D395A9): A luminous, dusty rose — the color of a warm blush.
• Fern (#459A6E): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#374063): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Sophistication. Tagged 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 Study color palette (#F9F2FC, #EDB6C5, #D39894, #18999C, #5E3341)
• Antique Study color palette (#FFF1F4, #C3A5CC, #B77D55, #37794A, #254562)
• Tempered Teal color palette (#FBF3F5, #DAD4E1, #C2BBE2, #55B3B4, #4D506E)
• Tempered Alley color palette (#FCF2F6, #E9BD9C, #CE9E7A, #8D8B3D, #433B65)
• Timeworn Mallow color palette (#F3F0FA, #D9A1D5, #877587, #565261, #1F2129)
• Quiet Cobalt color palette (#F5F4FE, #D7ABE4, #BE9B3E, #477EC3, #4A2853)
• Muted Stone color palette (#F0F7F3, #C5E6E1, #86C4B6, #A791AA, #355450)
• Faded Summit color palette (#F0F6FF, #95B5FF, #EE6D08, #008497, #112672)

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