Tempered Lagoon color palette — #D8E7DD · #009570 · #006C5E · #004743 · #000707
Fern and Pine set the tone — five colors that lean into calm and sophistication.
The five colors
- Parchment (#D8E7DD): A whisper-light, dusty teal — the color of sea glass.
- Fern (#009570): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#006C5E): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004743): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000707): a grounded near-black with real depth.
Feels like: Calm, Sophistication. 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
- Pine Loft color palette (#E3EDCB, #008B3E, #00584B, #00282C, #000407)
- Hazy Lagoon color palette (#E8F4D7, #009062, #00685F, #003876, #000503)
- Dusty Pine Coast color palette (#DBE2CF, #008857, #00616F, #512C00, #020200)
- Antique Canyon color palette (#D1EDF1, #008FA6, #006886, #00415E, #00050E)
- Moss Lagoon color palette (#DFE1C8, #738D00, #467100, #0A4A07, #000501)
- Antique Turquoise color palette (#DBEEEF, #00AEC5, #008DB1, #00597D, #001B2F)
- Wandering Pine color palette (#E3E5DA, #96A49A, #749081, #007832, #080B00)
- Powdered Hollow color palette (#E1E9DA, #00BD52, #00A680, #008782, #000503)
Browse the whole catalog at Explore, or see today's palette.