Tempered Lagoon color palette — #E8F9F7 · #98C8A6 · #328865 · #5A5300 · #001F0C

A conversation between Fern and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E8F9F7): bright and airy, almost weightless.
• Mint Leaf (#98C8A6): A luminous, dusty teal — the color of glacier melt.
• Fern (#328865): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#5A5300): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#001F0C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, 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

• Faded Emerald color palette (#D7FFF6, #9BD49D, #009656, #356700, #002705)
• Tempered Olive Hollow color palette (#E7FBEE, #C2BE7D, #747E1E, #7C3E00, #1B1900)
• Ancient Balcony color palette (#EBFAEF, #D8D2A2, #8B8F4C, #726234, #03301E)
• Worn Alley color palette (#E8FAF0, #A2A86B, #536A00, #443D00, #070800)
• Timeworn Lagoon color palette (#DBFFEE, #66DAAB, #00976B, #004330, #000603)
• Powdered Parlor color palette (#DBFDFC, #58C383, #3D94EF, #007742, #001834)
• Wandering Pine color palette (#DEFCFD, #BFDBF1, #71E1E1, #00904E, #00281F)
• Weathered Forest Coast color palette (#CAE9DF, #749B5C, #055E12, #243000, #000200)

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