Tempered Lagoon color palette — #F1F8E9 · #4BA382 · #5C82A9 · #735B25 · #2F4500

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

The five colors

• Ivory (#F1F8E9): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#4BA382): A luminous, balanced teal — the color of shallow lagoons.
• Storm Blue (#5C82A9): A full-bodied, dusty blue — the color of deep harbor water.
• Coffee (#735B25): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#2F4500): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Softworn Cerulean color palette (#EAFAEE, #509DAC, #7F78A2, #53673D, #324237)
• Patina Lagoon color palette (#F3F7E9, #69B3CF, #577B9B, #754C56, #374E44)
• Cocoa Pier color palette (#F6F6E7, #789665, #905358, #71411B, #38362F)
• Ancient Grove color palette (#F0F7F2, #D2DCDB, #A6ADB7, #6C8A75, #4E5450)
• Terracotta Bloom color palette (#ECF4EE, #48A4B0, #8C78A5, #914241, #17271B)
• Hushed Garden color palette (#EDFBDF, #008B69, #9C4F00, #5E4600, #003426)
• Cypress Archive color palette (#F1F7F1, #A9CBA9, #4587A1, #007D7D, #22322A)
• Gentle Grape color palette (#D9F7E6, #007D99, #714C98, #21510C, #062E1D)

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