Hushed Lagoon color palette — #EDF9EF · #ADBB8C · #5B8D6E · #4B6D52 · #1C3C33

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

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Sage (#ADBB8C): A luminous, dusty green — the color of new leaves after rain.
• Fern (#5B8D6E): A full-bodied, dusty teal — the color of shallow lagoons.
• Pine (#4B6D52): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#1C3C33): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Hushed 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

• Hushed Lagoon color palette (#E9FAF2, #93C29D, #389187, #6A5C7D, #0F3D3B)
• Hazy Archive color palette (#E2F2D2, #6EC58A, #009F82, #006D72, #003E52)
• Timeworn Pine color palette (#D5EBDB, #97AE76, #15865A, #1A5E72, #003128)
• Fern Lantern color palette (#FAF5E8, #94A173, #456F39, #544C0D, #37362F)
• Mint Workshop color palette (#CCF6EA, #49C495, #00888D, #4C651D, #003825)
• Ancient Bloom color palette (#ECF9F1, #C2D19E, #80AF73, #8B855A, #1F3C33)
• Wandering Boulevard color palette (#FCF4E8, #CBD7A6, #3CA062, #825B17, #2E2808)
• Weathered Ash Lantern color palette (#FBF2F6, #BADAC5, #79A69A, #62848B, #3F5345)

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