Tempered Lagoon color palette — #DBFFF0 · #A0B78C · #579563 · #007053 · #265862
Fern and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DBFFF0): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#A0B78C): A luminous, dusty green — the color of new leaves after rain.
- Fern (#579563): A luminous, balanced green — the color of new leaves after rain.
- Pine (#007053): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#265862): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Calm, Balance. Tagged 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
- Washed Pine color palette (#E9F9F9, #8BBDA6, #B784B7, #008760, #504768)
- Jade Meadow color palette (#D6FFF8, #AAD9A8, #56B476, #448260, #32595B)
- Chestnut Ridge color palette (#EDF9EF, #A6BFB3, #678A70, #7B5332, #324E48)
- Worn Coast color palette (#FFECF3, #C6B285, #8E8239, #596D13, #235752)
- Muted Lagoon Villa color palette (#CFF7F7, #81C5B4, #309C9F, #006F84, #454E6F)
- Ancient Driftwood Villa color palette (#E6FAFA, #D2DDEA, #CCB8DD, #83955D, #3F575A)
- Dusty Teal color palette (#D0F0DC, #28AA8C, #007975, #005263, #1E3258)
- Worn Plum Grove color palette (#E0FBFF, #5CA896, #A278A7, #AA5971, #28484C)
Browse the whole catalog at Explore, or see today's palette.