Tempered Lagoon color palette — #EEF8F1 · #9DCDB8 · #588D80 · #596B5F · #42514A

Fern takes the lead with Pistachio close behind in a set that reads as sophistication and grounding at first glance.

The five colors

• Ivory (#EEF8F1): bright and airy, almost weightless.
• Pistachio (#9DCDB8): A luminous, dusty teal — the color of glacier melt.
• Fern (#588D80): A luminous, dusty teal — the color of sea glass.
• Graphite (#596B5F): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#42514A): A full-bodied, dusty teal — the color of sea glass.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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

• Wandering Chapel color palette (#E1FBFF, #7CDCD3, #3C978B, #135953, #033C44)
• Blush Courtyard color palette (#E1FBFD, #6FC3A9, #C88099, #2E836C, #574560)
• Washed Studio color palette (#EAFAED, #B4B37C, #687C43, #3E6160, #31483E)
• Muted Lagoon color palette (#E7F9FC, #D2DCE8, #C3B7D6, #669592, #3B5056)
• Patina Emerald Pier color palette (#CEEDE3, #609D60, #006543, #364415, #00302D)
• Washed Pier color palette (#FCF4E9, #D9D1B5, #9C9E7E, #9C7635, #5C4C00)
• Teal Dune color palette (#E0FBFF, #21AF99, #917DB9, #946D4F, #324649)
• Airy Clover color palette (#E3FCF1, #7FB552, #047F3C, #51551D, #2D421D)

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