Tempered Lagoon color palette — #EBF1CF · #90C6A7 · #3A9579 · #00655D · #243F27
Fern takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#EBF1CF): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#90C6A7): A luminous, dusty teal — the color of sea glass.
- Fern (#3A9579): A luminous, balanced teal — the color of sea glass.
- Pine (#00655D): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#243F27): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication. Tagged muted.
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
- Tempered Lagoon Pier color palette (#FDF6D4, #B1F2E2, #70C9A9, #00918D, #385A49)
- Wandering Lagoon Villa color palette (#E2F9E1, #B1D2AE, #3A9C96, #005555, #00211F)
- Softworn Cerulean color palette (#DFFADE, #78BFC7, #2D93AE, #005F84, #0C3B30)
- Fern Workshop color palette (#FDF0D2, #BDBD8C, #788940, #3F6320, #363831)
- Antique Cypress color palette (#EEF4EB, #87C1B3, #CB8498, #008471, #4A2520)
- Dusty Lagoon Lantern color palette (#ECF5EB, #C7E1DC, #B9C8F5, #5F9F81, #2B3B2D)
- Hushed Lagoon color palette (#D0EFEB, #18A3AA, #007B91, #00445A, #00253A)
- Forest Lagoon color palette (#DAEFE0, #006449, #003A32, #001414, #000202)
Browse the whole catalog at Explore, or see today's palette.