Tempered Lagoon color palette — #E9FCE1 · #96DACE · #3E8E7C · #015D52 · #293C1D
Fern takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#E9FCE1): A whisper-light, dusty green — the color of a quiet forest floor.
- Lagoon (#96DACE): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#3E8E7C): A full-bodied, balanced teal — the color of sea glass.
- Pine (#015D52): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#293C1D): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Calm, Sophistication. Tagged monochrome, muted, cool.
Use it as a design system
One click turns Tempered 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
- Patina Lagoon color palette (#E6F8E0, #B8CFAA, #3F9589, #005B4F, #002722)
- Hushed Canyon color palette (#DDFEEF, #9FD6ED, #458BA8, #08566C, #033C50)
- Timeworn Cypress color palette (#E2FAFF, #A7E1EA, #5FB4A8, #007963, #003E37)
- Dusty Driftwood color palette (#F0F8EB, #C8E6DE, #9DD4D3, #808A44, #485344)
- Cypress Study color palette (#C8EEEB, #006F6A, #4B4141, #00302F, #000C0C)
- Hushed Turquoise color palette (#A7F0FF, #00A7BA, #006172, #00333B, #001C21)
- Petrol Lantern color palette (#F0F7F3, #88CCE3, #7776B0, #1D7892, #392832)
- Hushed Garden color palette (#EDF9F1, #3E9EB4, #A46D78, #775839, #324237)
Browse the whole catalog at Explore, or see today's palette.