Lagoon Garden color palette — #EEFAE3 · #86EBC8 · #ECA1C0 · #20A07D · #55263B
Fern takes the lead with Lagoon close behind in a set that reads as balance at first glance.
The five colors
- Cream (#EEFAE3): A whisper-light, dusty green — the color of a quiet forest floor.
- Lagoon (#86EBC8): A whisper-light, balanced teal — the color of sea glass.
- Carnation (#ECA1C0): A luminous, balanced rose — the color of strawberry cream.
- Fern (#20A07D): A luminous, balanced teal — the color of shallow lagoons.
- Mulberry (#55263B): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Balance. Tagged light.
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
- Moss Courtyard color palette (#F6F8DF, #B4E5A1, #CFAAE6, #639B4B, #442E50)
- Antique Cerulean color palette (#E8FBEF, #91E2F9, #F5A28E, #009AB6, #3E3733)
- Hushed Taupe color palette (#EBFBE3, #BFE7DE, #B5B4C1, #89B996, #3F503C)
- Dusty Station color palette (#E3F6F8, #5CB898, #C7699A, #00775A, #3E182C)
- Taupe Corridor color palette (#FCF4E4, #DDE1B3, #A99E6E, #7F673F, #32322B)
- Feathered Amber Veranda color palette (#EBFCE1, #64D1B8, #B09CE6, #C87D45, #213017)
- Linen Corridor color palette (#E1FFDD, #2EDBD5, #EF3B79, #007B77, #3F0018)
- Plum Lantern color palette (#DAF1EB, #009280, #BC005C, #00463D, #040001)
Browse the whole catalog at Explore, or see today's palette.