Tempered Lagoon color palette — #F8F7DC · #ABB089 · #5B8C75 · #506A5E · #385154

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F8F7DC): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#ABB089): A luminous, dusty green — the color of new leaves after rain.
• Fern (#5B8C75): A full-bodied, dusty teal — the color of shallow lagoons.
• Graphite (#506A5E): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#385154): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Patina Driftwood Parlor color palette (#E8F5D6, #ADC0A5, #6D8F73, #775873, #5C4954)
• Worn Chestnut color palette (#F4F7EB, #8FBCA0, #3B8369, #6C5701, #3A4A00)
• Pine Meadow color palette (#ECEABC, #85B96E, #298D33, #0E6B38, #454841)
• Amber Meadow color palette (#F4F8E3, #6CB375, #C67039, #2D773A, #47413C)
• Patina Stone color palette (#D2F7DA, #BBCC99, #7BA8B1, #7F7794, #504A61)
• Tempered Quarry color palette (#FFF2EA, #DFD2B2, #AFBDA5, #AB8280, #634544)
• Antique Cerulean color palette (#F5F6EF, #C3E7CC, #3798AF, #007170, #304F41)
• Ancient Navy Hollow color palette (#D2E8DC, #4BB49C, #007C7F, #244C99, #353874)

Browse the whole catalog at Explore, or see today's palette.