Tempered Lagoon color palette — #F6F8D8 · #BDE8BE · #86CB99 · #4CA07A · #494D46
A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Custard (#F6F8D8): A whisper-light, dusty green — the color of fresh herbs.
- Mint (#BDE8BE): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#86CB99): A luminous, balanced teal — the color of shallow lagoons.
- Fern (#4CA07A): A luminous, balanced teal — the color of shallow lagoons.
- Charcoal Brown (#494D46): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Dusty Jade Archive color palette (#F3F7EA, #AEE3C4, #F1BA8E, #5BC08B, #524C46)
- Wandering Lagoon Delta color palette (#FDF6D6, #B5D0A4, #73B588, #1D8B70, #41583B)
- Washed Moss color palette (#FFF4DF, #E1D8A5, #C3C076, #899341, #504F48)
- Ancient Terrace color palette (#C3FBF0, #8DCC92, #57966B, #386A50, #163A3C)
- Turquoise Veranda color palette (#EFF9E7, #C7E5D9, #93C6D1, #63ACC1, #45513F)
- Airy Mint Ridge color palette (#E4F4EB, #00DDAB, #00B797, #008D7F, #004744)
- Feathered Market color palette (#C7EBCF, #78D6EA, #00B9E0, #0090B9, #164D67)
- Dusty Alley color palette (#F4F8E6, #A7D5AD, #78CCE0, #D3A74F, #42433C)
Browse the whole catalog at Explore, or see today's palette.