Tempered Lagoon color palette — #E3F7F0 · #A2BD8F · #558252 · #325D5E · #102D28
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#E3F7F0): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#A2BD8F): A luminous, dusty green — the color of fresh herbs.
- Fern (#558252): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#325D5E): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#102D28): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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 Study color palette (#DEF9F2, #83AD7D, #397349, #254C5B, #00221E)
- Stone Quarry color palette (#E7F5F4, #9ED0B9, #5A8C92, #4E666C, #233535)
- Worn Basalt color palette (#F8F5EB, #A5B78D, #597E5A, #4D6042, #4A4400)
- Hushed Celadon Studio color palette (#EBF9F0, #DCEFB0, #7AAC80, #587D87, #233F36)
- Timeworn Studio color palette (#E9F3FF, #63A5FB, #3CA470, #3865A0, #002E2E)
- Ancient Pine Delta color palette (#DEF0ED, #14904A, #005135, #002F3A, #000A0A)
- Obsidian Fern Terrace color palette (#D7F0E1, #5D5C00, #262E00, #001913, #000201)
- Worn Chapel color palette (#EBF2FF, #DED4E1, #CCBBE8, #667FA3, #2D3447)
Browse the whole catalog at Explore, or see today's palette.