Lagoon Garden color palette — #ECF9EE · #9BB17C · #2D8A69 · #5D517D · #374D49

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Sage (#9BB17C): A luminous, dusty green — the color of new leaves after rain.
• Fern (#2D8A69): A full-bodied, balanced teal — the color of sea glass.
• Graphite (#5D517D): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#374D49): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Lagoon Garden 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

• Muted Cerulean color palette (#EDF9EF, #65BAA3, #1A8599, #724B62, #354C51)
• Wandering Atelier color palette (#EDF9EF, #C4A16B, #727F31, #385D7F, #3B4D41)
• Taupe Corridor color palette (#FFEBFA, #B0B068, #36887E, #644665, #1A312D)
• Hushed Driftwood color palette (#F0F7F3, #A8C9BE, #6C8B63, #546D5F, #41514C)
• Antique Coast color palette (#F1F7F2, #D9DDEE, #779CC8, #2B7A8A, #495364)
• Stone Field color palette (#FFF2EC, #C0C47D, #5AA19A, #8C616A, #4A4C00)
• Hazy Garnet Lantern color palette (#DCF7E1, #159C7B, #006673, #662053, #07373E)
• Softworn Chartreuse color palette (#ECF8F6, #ECEDA2, #A3E68A, #59B3A8, #2A4B4A)

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