Tempered Lagoon color palette — #F1F8EA · #AEF3D8 · #86DDC9 · #779FD0 · #2E4A37
A conversation between Lagoon and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F8EA): bright and airy, almost weightless.
- Mint (#AEF3D8): A whisper-light, dusty teal — the color of shallow lagoons.
- Lagoon (#86DDC9): A whisper-light, balanced teal — the color of glacier melt.
- Blue Fog (#779FD0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Forest (#2E4A37): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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
- Ancient Terrace color palette (#F4F7E7, #E1DFC5, #9BDDAF, #64ABC4, #3B510D)
- Turquoise Bloom color palette (#EFF8EC, #A7EEF5, #7ADAEF, #40BFDF, #324E35)
- Misty Turquoise Meadow color palette (#E5F5F8, #C8F6C6, #7AE7D8, #30B5E1, #00313A)
- Muted Summit color palette (#E9FAEF, #A4F7ED, #8DD3F2, #A790D0, #533F53)
- Hazy Sky Pier color palette (#E3FCF3, #6CF1D8, #66B6FF, #AA74B3, #493246)
- Tempered Coast color palette (#E0FEED, #67E4A7, #00B1CE, #8E64C2, #0F3753)
- Worn Cypress color palette (#FBF3EF, #C9E9E7, #74A598, #3B7D69, #624A5B)
- Weathered Bronze Canyon color palette (#FAF6DF, #C2D3BE, #7F938C, #935C2D, #665000)
Browse the whole catalog at Explore, or see today's palette.