Tempered Lagoon Harbor color palette — #F5F7E8 · #96C1A0 · #39946C · #64681F · #313A00

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

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Mint Leaf (#96C1A0): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#39946C): A luminous, balanced teal — the color of glacier melt.
• Olive (#64681F): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#313A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Lagoon Harbor 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

• Ancient Lantern color palette (#F7F6E9, #9EC08A, #49944B, #64645C, #36362F)
• Muted Lagoon Archive color palette (#FAF5E3, #AEDEB8, #3F9B91, #63673E, #262B11)
• Olive Grove color palette (#FBF5E7, #C7C89A, #89975A, #75762E, #504100)
• Softworn Mint Garden color palette (#F3F8E6, #67D3A7, #009D81, #207775, #0F4531)
• Hazy Orchard color palette (#F1EDCC, #8ABC5F, #1F9014, #006C45, #20350A)
• Softworn Cypress color palette (#DFE9D3, #65B7A2, #00837A, #006168, #1E2E12)
• Jade Ridge color palette (#E7EBDC, #4AA77E, #00715B, #085328, #002114)
• Hushed Pine Parlor color palette (#DFE2CF, #3D8659, #005339, #00342D, #000802)

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