Tempered Lagoon color palette — #F9F5E8 · #9CC280 · #4A925E · #7D575C · #36362F

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

The five colors

• Ivory (#F9F5E8): bright and airy, almost weightless.
• Mint Leaf (#9CC280): A luminous, balanced green — the color of fresh herbs.
• Fern (#4A925E): A full-bodied, balanced teal — the color of glacier melt.
• Graphite (#7D575C): A full-bodied, dusty red — the color of a theater curtain.
• Espresso (#36362F): a grounded near-black with real depth.

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

• Dusty Lagoon color palette (#E9F9F4, #C0D9AE, #6A9865, #87553F, #003028)
• Tempered Jade color palette (#E7E6CF, #64BB7B, #008666, #5A544E, #272C10)
• Fern Terrace color palette (#F6F6E9, #A0D2B0, #629D8B, #866967, #3B4900)
• Aged Mustard color palette (#FBE9CB, #B7B000, #648500, #8D3E44, #323000)
• Weathered Cypress color palette (#FAF5E7, #8CA47B, #25734E, #574162, #36362F)
• Hushed Teal color palette (#EAFAF1, #B9D3AA, #68B28C, #9375A9, #103E37)
• Ancient Emerald Hollow color palette (#EEECD2, #4FA951, #00734D, #5C374D, #052106)
• Amber Cabin color palette (#FBDFC5, #D87A00, #009F8D, #8367AD, #3C260F)

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