Tempered Lagoon color palette — #E6FBF2 · #9AC994 · #009E77 · #197587 · #06443F
A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E6FBF2): A whisper-light, dusty teal — the color of shallow lagoons.
- Mint Leaf (#9AC994): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#009E77): A luminous, balanced teal — the color of glacier melt.
- Teal (#197587): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#06443F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged botanical, earthy, 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
- Wandering Emerald color palette (#EFF8F0, #A5CFBE, #6D9E62, #68708E, #2D493E)
- Airy Lagoon color palette (#F8F7DF, #AAEBB4, #00AB80, #15797D, #12371B)
- Moss Field color palette (#E8FBEA, #BEC176, #509C20, #1F786D, #3C3D0F)
- Cypress Corridor color palette (#D7E9E4, #75B689, #008473, #1E5D74, #00302F)
- Weathered Moss color palette (#FFF1F6, #C8B373, #7B8A0E, #4F628D, #223C2B)
- Feathered Clover Harbor color palette (#DCF1E7, #7AC157, #008D61, #6C4984, #1A360B)
- Teal Bloom color palette (#FDF5E1, #AEDE9D, #48BC9C, #5E90AA, #29421F)
- Washed Azure color palette (#FCF1F8, #ABE6F5, #00A7EC, #008472, #254068)
Browse the whole catalog at Explore, or see today's palette.