Tempered Lagoon color palette — #D7E8BC · #75C29A · #008D7F · #006165 · #072F46
Fern takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#D7E8BC): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#75C29A): A luminous, balanced teal — the color of shallow lagoons.
- Fern (#008D7F): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#006165): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#072F46): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Calm, Balance. Tagged 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
- Hushed Lagoon Drift color palette (#B5EFED, #74BF9F, #009583, #006566, #174763)
- Muted Pine Harbor color palette (#F7EDCD, #9FB76C, #43884B, #005945, #002F32)
- Patina Lagoon Ridge color palette (#D9EEE0, #00A284, #006872, #003D4F, #001B3C)
- Gentle Cerulean Coast color palette (#C0EAE0, #53BCC9, #0087B1, #225685, #2A2B50)
- Teal Lagoon color palette (#EEEDC4, #8AC9A2, #23AB8C, #007C83, #13536D)
- Lagoon Market color palette (#E0F6FF, #6DC6CD, #008E90, #004749, #00191C)
- Teal Dune color palette (#DCF7FF, #44B8B6, #BD748C, #007473, #411626)
- Aged Lagoon color palette (#E1F6FA, #CADAEB, #C7B7DC, #50867D, #193A44)
Browse the whole catalog at Explore, or see today's palette.