Tempered Lagoon color palette — #D7F7FD · #008D66 · #00675D · #004046 · #000201
Fern and Pine set the tone — five colors that lean into calm and sophistication.
The five colors
- Frost (#D7F7FD): A whisper-light, dusty blue — the color of deep harbor water.
- Fern (#008D66): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#00675D): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#004046): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#000201): quiet, heavy and certain.
Feels like: Calm, Sophistication. 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
- Timeworn Olive Canyon color palette (#CCF7F3, #5D8200, #006B1F, #004636, #000201)
- Cellar Forest color palette (#D7EFED, #006947, #003227, #001A08, #000201)
- Wandering Navy color palette (#E5F2FC, #00859A, #006B92, #003D73, #000103)
- Weathered Moss Alley color palette (#B3ECF5, #75AF00, #009288, #00547B, #000202)
- Nocturne Denim color palette (#D9F5F3, #006471, #00374B, #1E1438, #05000A)
- Cerulean Drift color palette (#D6EFEB, #1186A1, #004257, #001F22, #000103)
- Deep Dune color palette (#DEF2FE, #005569, #334200, #00232C, #010100)
- Airy Teal color palette (#D6F4FF, #00C9B8, #00B0BD, #007492, #001419)
Browse the whole catalog at Explore, or see today's palette.