Tempered Lagoon color palette — #E3E2C4 · #8FC6A0 · #00A18C · #4F4A00 · #000200
Built around Fern, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#E3E2C4): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#8FC6A0): A luminous, dusty teal — the color of glacier melt.
- Fern (#00A18C): A luminous, balanced teal — the color of glacier melt.
- Deep Olive (#4F4A00): A full-bodied, balanced green — the color of a quiet forest floor.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged pastel, light, 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
- Softworn Cerulean Villa color palette (#D7F5E1, #67D1C0, #009CB3, #1D4B00, #000201)
- Worn Moss color palette (#F8E8D4, #C0B867, #699841, #693000, #020100)
- Wandering Jade Boulevard color palette (#ECEDDE, #18AA73, #007897, #4B2D00, #000302)
- Misty Turquoise color palette (#E5DFCB, #7FBB92, #00A4C8, #955300, #041200)
- Lagoon Canyon color palette (#D9E2D4, #008E78, #003E69, #00342A, #000104)
- Periwinkle Lantern color palette (#DFFCDC, #87D8F0, #59A4E7, #006F54, #000505)
- Soft Indigo Pier color palette (#F4D7D2, #7066FF, #00894D, #030C0B, #010100)
- Misty Pine color palette (#E7FED7, #91F1F1, #4CC3F5, #01761D, #001816)
Browse the whole catalog at Explore, or see today's palette.