Tempered Lagoon color palette — #EAF9F2 · #8ABCAC · #627D4B · #5B5D33 · #274A40

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

The five colors

• Ivory (#EAF9F2): bright and airy, almost weightless.
• Mint Leaf (#8ABCAC): A luminous, dusty teal — the color of glacier melt.
• Olive (#627D4B): A full-bodied, dusty green — the color of fresh herbs.
• Olive (#5B5D33): A full-bodied, dusty green — the color of fresh herbs.
• Forest (#274A40): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Aged Pine color palette (#EAF9F5, #78A59D, #34723F, #02593F, #113E37)
• Antique Lagoon Garden color palette (#EBF8F6, #A3CAC8, #578C8D, #42706A, #395351)
• Hazy Orchard color palette (#B9F0F2, #70C1A6, #00957E, #006157, #034457)
• Washed Veranda color palette (#FBF4E8, #CBC69E, #679F6D, #8C6C26, #4C4300)
• Quiet Chapel color palette (#E0FBFF, #389B8B, #2980C3, #686F00, #103F46)
• Iris Studio color palette (#E8F9FD, #5BB0AC, #847CD2, #007571, #403C66)
• Worn Studio color palette (#D7EFEA, #55885B, #00532F, #00372C, #002206)
• Deep Forest color palette (#DDF1F0, #006E50, #00332A, #001D0C, #000804)

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