Tempered Lagoon color palette — #E8F6EE · #9CC6B8 · #638E77 · #4A5E4A · #1A312E
Built around Fern, softened by Stone — the whole palette hums with sophistication and grounding.
The five colors
- Cream (#E8F6EE): bright and airy, almost weightless.
- Stone (#9CC6B8): A luminous, dusty teal — the color of sea glass.
- Fern (#638E77): A luminous, dusty teal — the color of sea glass.
- Pine (#4A5E4A): A full-bodied, dusty green — the color of a quiet forest floor.
- Deep Forest (#1A312E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Sophistication, Grounding. Tagged earthy, warm, 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 Balcony color palette (#E1F9EA, #85B8A7, #807544, #63461F, #092825)
- Worn Driftwood Harbor color palette (#FCEDF4, #ACC3A9, #977889, #655063, #1E3125)
- Stone Thicket color palette (#EDF2FD, #B9CB9E, #546180, #283045, #10141D)
- Fern Summit color palette (#F9F5EA, #CECCB4, #A89A77, #8A6F48, #464D00)
- Tempered Alley color palette (#EFF1FF, #9C88C8, #888556, #64602E, #20222F)
- Antique Villa color palette (#D5E6D4, #A49968, #815D24, #5B321A, #001E15)
- Ancient Olive Boulevard color palette (#E4F2E7, #787618, #564000, #371B00, #030700)
- Softworn Cocoa Harbor color palette (#F3EFFF, #D7B1D8, #A6728D, #7C4143, #491900)
Browse the whole catalog at Explore, or see today's palette.