Lagoon Meadow color palette — #ECF9EE · #C9D7A9 · #549B70 · #4C6D52 · #0C2F26

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

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Pistachio (#C9D7A9): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#549B70): A luminous, balanced teal — the color of glacier melt.
• Pine (#4C6D52): A full-bodied, dusty green — the color of fresh herbs.
• Deep Forest (#0C2F26): 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 Lagoon Meadow 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

• Lagoon Coast color palette (#E5FBF2, #ADDEB7, #479A90, #695D7A, #002F2D)
• Soft Seafoam Courtyard color palette (#D9FFF4, #7AD9B2, #009095, #4B6125, #002518)
• Lagoon Pier color palette (#E5FFCE, #86D28F, #00A587, #006872, #002D3F)
• Tempered Jade Pier color palette (#C4EBDD, #50A173, #005A56, #282F00, #000201)
• Hushed Ash color palette (#EBF9F2, #B4E8F7, #72AB9E, #5B806F, #203F3B)
• Taupe Alley color palette (#FBF5E4, #D1CBA1, #85AD7C, #8B8556, #37362F)
• Weathered Courtyard color palette (#E9F5EE, #97A86D, #387529, #4E4712, #01221A)
• Cypress Balcony color palette (#FCF2F6, #D8D4DE, #8EA5DE, #007F7C, #31264C)

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