Tempered Lagoon color palette — #F4F7EA · #BECAA2 · #4EA282 · #856F26 · #3B4900

Built around Fern, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Pistachio (#BECAA2): A luminous, dusty green — the color of fresh herbs.
• Fern (#4EA282): A luminous, balanced teal — the color of shallow lagoons.
• Walnut (#856F26): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#3B4900): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

• Frosted Emerald Thicket color palette (#F6F7E0, #96CA97, #00A05C, #577246, #244326)
• Muted Basalt color palette (#F6F6EC, #C1EBD1, #60ACB0, #8C6E6B, #2C4000)
• Timeworn Dune color palette (#F6F6E7, #8BBDA3, #3E807B, #844727, #374A01)
• Dusty Workshop color palette (#F3F8E3, #80CC8E, #E28C59, #429455, #47413C)
• Fern Station color palette (#F3ECD7, #91994A, #526B00, #1E5219, #211A00)
• Weathered Forest color palette (#F0ECD3, #5B823E, #09540C, #253000, #070600)
• Timeworn Atelier color palette (#F2F8E9, #C2ECD8, #98D7F1, #6FA276, #454E3D)
• Airy Azure color palette (#ECFBE4, #3DBCA2, #07A1F1, #8A8B3A, #313C29)

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