Muted Lagoon color palette — #FFF1F6 · #BEB774 · #668D58 · #635E81 · #213C2F

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sage (#BEB774): A luminous, balanced green — the color of fresh herbs.
• Fern (#668D58): A luminous, balanced green — the color of fresh herbs.
• Graphite (#635E81): A full-bodied, dusty violet — the color of twilight just after sunset.
• Forest (#213C2F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Timeworn Mint color palette (#E7FBF1, #8EC494, #3A9184, #4D667D, #163D3A)
• Driftwood Delta color palette (#FEF4E6, #DCD0A7, #71965F, #5E5E88, #302706)
• Gentle Terrace color palette (#D2ECD9, #8DB454, #00875B, #614A75, #003128)
• Washed Fern Atelier color palette (#F8F6E8, #8EA379, #4C6D44, #355437, #36362F)
• Softworn Wisteria Studio color palette (#EDECFF, #CB87EE, #54AB69, #8E55AA, #193F23)
• Hushed Thicket color palette (#FDF1F6, #B0DEC5, #75A79E, #767C91, #3F5248)
• Antique Sand Coast color palette (#F3F4FF, #F4D6D2, #FAB983, #6C87AF, #42384F)
• Azure Harbor color palette (#FBF2FB, #9CE3E3, #24A4CA, #457A4D, #203C5B)

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