Muted Lagoon color palette — #F2F8EA · #97D4B2 · #D8A57C · #539E77 · #524C46

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

The five colors

• Ivory (#F2F8EA): a clean, paper-quiet neutral.
• Pistachio (#97D4B2): A luminous, dusty teal — the color of glacier melt.
• Camel (#D8A57C): A luminous, balanced gold — the color of old brass.
• Fern (#539E77): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#524C46): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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 Cocoa Pier color palette (#F7F6E5, #B7CD9D, #DCA097, #7E965D, #763A1B)
• Softworn Taupe color palette (#F0F9E8, #C6E6DA, #96BEC6, #A0AF86, #465041)
• Muted Oat Lantern color palette (#F1F7F0, #C7D9AE, #6A8666, #41533F, #252E24)
• Patina Lagoon Ridge color palette (#EDF9EC, #89D4D1, #B1A9DE, #389E9B, #624153)
• Pine Dune color palette (#F2F7EB, #86BEA3, #B885AE, #00885E, #684045)
• Washed Jade Parlor color palette (#E8F9F8, #AEE4BD, #FDABCA, #6FBC88, #56465F)
• Timeworn Bronze Studio color palette (#FBF4E9, #D6C9AD, #AC9976, #946C2C, #584500)
• Aged Archive color palette (#EAFCDF, #00CAAA, #C89000, #008B75, #4E3600)

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