Muted Lagoon color palette — #ECF9F2 · #A9BD86 · #628D60 · #386F61 · #173D34

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

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Sage (#A9BD86): A luminous, dusty green — the color of new leaves after rain.
• Fern (#628D60): A full-bodied, balanced green — the color of a quiet forest floor.
• Teal (#386F61): A full-bodied, dusty teal — the color of sea glass.
• Forest (#173D34): 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

• Pale Lagoon Terrace color palette (#E5FBF1, #A3C886, #569765, #416C9A, #2C4217)
• Hushed Bloom color palette (#F9F5E9, #C6D8A9, #659962, #566A49, #2C290B)
• Ancient Bloom color palette (#D3EBE3, #87B284, #008759, #3D5483, #00312C)
• Hushed Delta color palette (#DFF5EC, #77A064, #1E7243, #00514A, #0B2100)
• Worn Turquoise color palette (#F0F7F2, #B1DDE8, #3CA6B3, #2D7C61, #004253)
• Hushed Taupe color palette (#F0F7F2, #BCD9CC, #90A37B, #6B8190, #3C5349)
• Forest Delta color palette (#DCEFE4, #6B7E2E, #1A5300, #002F49, #050700)
• Wandering Cerulean Canyon color palette (#EFF6FF, #E6D4EA, #D9B6DE, #578DAD, #313A55)

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