Tempered Lagoon color palette — #F6F7E4 · #90C2A3 · #30937D · #5A6088 · #2E3B00

Fern takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F6F7E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#90C2A3): A luminous, dusty teal — the color of glacier melt.
• Fern (#30937D): A luminous, balanced teal — the color of glacier melt.
• Slate (#5A6088): A full-bodied, dusty violet — the color of twilight just after sunset.
• Forest (#2E3B00): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Muted Lagoon color palette (#FAF5E7, #A9BD87, #648D61, #7D575E, #36362F)
• Lagoon Lantern color palette (#EBF9F6, #ADDDBF, #18A086, #5A6088, #0A2E2E)
• Cypress Study color palette (#E4E7D4, #76B499, #008477, #764450, #003221)
• Weathered Olive Delta color palette (#F6EACE, #A0B65C, #388D16, #784183, #293300)
• Hushed Teal color palette (#EAFAF0, #B4D5A4, #57B496, #A77281, #1C3C37)
• Washed Lantern color palette (#E7EBD6, #5CA388, #007068, #433E6A, #002117)
• Hushed Azure Dune color palette (#FBF4E9, #B2E0CE, #629AD1, #007A88, #4C2F49)
• Ancient Balcony color palette (#F7F5ED, #D4D4B3, #98A07C, #927478, #535000)

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