Muted Lagoon color palette — #F4F4FE · #BA9FCB · #B59662 · #338B7A · #3C3B4C

A conversation between Fern and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#F4F4FE): bright and airy, almost weightless.
• Mauve (#BA9FCB): A luminous, dusty violet — the color of wild irises.
• Camel (#B59662): A luminous, dusty gold — the color of old brass.
• Fern (#338B7A): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#3C3B4C): A deep, shadowed, dusty violet — the color of wild irises.

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

• Washed Taupe color palette (#EEF6FF, #88AEDC, #CB877E, #4F8964, #323E4C)
• Bronze Thicket color palette (#F7F3FD, #CE97B9, #B37248, #007877, #342C3E)
• Muted Lagoon color palette (#FFF1F5, #CEA175, #979464, #008D82, #4D353E)
• Mallow Meadow color palette (#FFF1F6, #D3B2F9, #98B98F, #6F8B68, #3D2C32)
• Lilac Boulevard color palette (#FFF1F5, #A67DBF, #8F7F36, #336C52, #48383D)
• Frosted Wisteria color palette (#F4F4FF, #D182F1, #817700, #00728B, #3A1E45)
• Softworn Loft color palette (#F6F4FA, #E0D8DB, #BEB0A9, #B58CAD, #54505B)
• Timeworn Iris Corridor color palette (#F3F5FC, #C9CEF5, #BD9262, #9779D0, #37292E)

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