Softworn Lagoon color palette — #ECF8F5 · #A9D0AB · #4AA37E · #537B70 · #2C4946

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

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Pistachio (#A9D0AB): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#4AA37E): A luminous, balanced teal — the color of glacier melt.
• Teal (#537B70): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#2C4946): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Sunlit Emerald Orchard color palette (#E2FDF0, #A0CA79, #319E50, #2D776B, #2F411D)
• Sunlit Aqua Corridor color palette (#C6F9FF, #4FD1C3, #00A3A8, #007384, #2A4F65)
• Teal Thicket color palette (#D0E3E0, #59A483, #007064, #004E5B, #002115)
• Washed Loft color palette (#F6F6EC, #C9E5CB, #79AC8B, #7B7B32, #373D00)
• Wandering Mint color palette (#CCF5F1, #3BC59B, #008A80, #0C6E2B, #003728)
• Soft Coral Hollow color palette (#E8F8FF, #62C9D7, #F0806B, #00919F, #5F352D)
• Muted Emerald color palette (#D1EBE6, #2C9A63, #006150, #204210, #001408)
• Softworn Teal Harbor color palette (#EAF8FF, #D7DAE5, #D9B4D5, #62A8A5, #3F515C)

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