Tempered Lagoon color palette — #F0FCCB · #BDD9B2 · #7CB191 · #298872 · #004F4D
Fern and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F0FCCB): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#BDD9B2): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#7CB191): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#298872): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004F4D): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged 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
- Petrol Pier color palette (#D5FFFB, #A6DECB, #5FB0A6, #1A7F89, #00536C)
- Dusty Pier color palette (#DDEDDF, #32B895, #00847A, #00525D, #002635)
- Softworn Teal Workshop color palette (#E8FBEC, #ACC996, #5EA28D, #75668E, #2F4E4B)
- Washed Forest color palette (#FFF1F5, #DDCC99, #9D9F6C, #617844, #245829)
- Ancient Hollow color palette (#B1F5CE, #4EC9B2, #0098A0, #00647C, #00354D)
- Hushed Ash color palette (#EFF7F5, #D3DBDE, #ABB1BB, #77A799, #4D5452)
- Pine Loft color palette (#DEE5D7, #008E3D, #005740, #002926, #000405)
- Cerulean Atelier color palette (#C2E9E8, #008FA9, #006183, #002C5A, #03002E)
Browse the whole catalog at Explore, or see today's palette.