Lagoon Garden color palette — #EAF6E9 · #B2E9ED · #CBBFEE · #5B8E68 · #1E3326

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

The five colors

• Cream (#EAF6E9): A whisper-light, dusty green — the color of new leaves after rain.
• Sea Foam (#B2E9ED): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#CBBFEE): A whisper-light, dusty violet — the color of a velvet chair.
• Fern (#5B8E68): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#1E3326): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged pastel, light, 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

• Lagoon Pier color palette (#E4F7EE, #ECD4CD, #E3B2B6, #0F8F80, #133730)
• Powdered Wisteria color palette (#D6FEE1, #B9D0FF, #CE7DE7, #007A65, #002638)
• Weathered Powder color palette (#E6FCEB, #B7E5E5, #AFCFFF, #4E8A7E, #43584B)
• Softworn Lagoon Corridor color palette (#E6F6ED, #EDD3CD, #ADAD99, #519A93, #4A3A48)
• Mallow Lagoon color palette (#D5FCF0, #E9DFFF, #FF98C0, #008896, #1A2149)
• Muted Summit color palette (#FEECF9, #F5CEC6, #E89699, #00789A, #3A1D2B)
• Dusty Cocoa Hollow color palette (#FEEFE2, #BBA88C, #936B4E, #753636, #292207)
• Washed Garden color palette (#EADED4, #D2BD60, #00A9D2, #002E3C, #07110C)

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