Weathered Lagoon color palette — #ECF9F0 · #BBDCA6 · #12A17A · #6E6337 · #0D2E28

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

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Pistachio (#BBDCA6): A whisper-light, balanced green — the color of new leaves after rain.
• Fern (#12A17A): A luminous, balanced teal — the color of shallow lagoons.
• Olive (#6E6337): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Forest (#0D2E28): 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 Weathered 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

• Softworn Lagoon color palette (#E6FAF5, #9EE1C4, #1E9CA2, #3F6E62, #032E30)
• Muted Moss color palette (#FFF1F6, #DBD19B, #6B994A, #356E6D, #132E20)
• Dusty Seafoam Cabin color palette (#F8F5E8, #ACDA93, #6EB283, #85847C, #36362F)
• Hushed Lagoon Loft color palette (#E8FAF0, #9FC894, #008A71, #1E5774, #001E1A)
• Muted Courtyard color palette (#C8EAE1, #32A47F, #00595D, #1F3200, #000201)
• Washed Pine Corridor color palette (#E0F8F0, #8CAB7B, #407241, #3F4C23, #00221D)
• Olive Thicket color palette (#DCE9DC, #778139, #00491E, #002025, #000201)
• Weathered Pier color palette (#F9F3F9, #D2D5E6, #2EB7DB, #36813B, #12304C)

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