Tempered Lagoon color palette — #F4F0D3 · #657B00 · #006F75 · #772600 · #2C2707

Built around Olive Leaf, softened by Rust — the whole palette hums with nature and growth.

The five colors

• Cream (#F4F0D3): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#657B00): A full-bodied, balanced green — the color of new leaves after rain.
• Teal (#006F75): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#772600): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2C2707): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

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

• Bronze Lagoon color palette (#F9EDDA, #8F6900, #007258, #6F2741, #332309)
• Pine Drift color palette (#E8F4D7, #008658, #0066A0, #5A3F00, #212B0A)
• Hushed Garden color palette (#EDFBDF, #008B69, #9C4F00, #5E4600, #003426)
• Basalt Garden color palette (#F4F6EE, #D1DDD5, #ABB8A4, #3D7151, #344100)
• Aged Lagoon color palette (#F1F1D3, #159C7A, #006866, #1D3B7D, #26361C)
• Worn Harbor color palette (#ECEAC9, #3C5D00, #004C59, #471800, #071100)
• Tempered Lagoon color palette (#F1F8E9, #4BA382, #5C82A9, #735B25, #2F4500)
• Gentle Aubergine color palette (#E2EED9, #00896E, #106C9B, #6B156D, #081400)

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