Tempered Lagoon color palette — #DEF7E5 · #00A585 · #00675F · #004652 · #002F3D
Fern and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#DEF7E5): A whisper-light, dusty teal — the color of sea glass.
- Fern (#00A585): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#00675F): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#004652): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#002F3D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged 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
- Emerald Delta color palette (#E2E9D1, #45A13C, #006E48, #004C42, #003433)
- Aged Villa color palette (#CAF3E5, #008D89, #005765, #003649, #001E41)
- Ancient Teal color palette (#DBEEE4, #12B7A2, #00767E, #005064, #242E5C)
- Brick Boulevard color palette (#D1E4D0, #00918F, #B9322F, #005453, #4C100E)
- Timeworn Navy color palette (#CFECEE, #009BB9, #00618D, #003976, #331551)
- Hazy Garnet color palette (#DAEEDE, #007A85, #A42B38, #901400, #002529)
- Soft Thicket color palette (#DAFAD8, #9ED1E9, #8C91DD, #006648, #103825)
- Linen Boulevard color palette (#E2E4D2, #FF689B, #00A6B4, #112835, #0C170F)
Browse the whole catalog at Explore, or see today's palette.