Tempered Lagoon color palette — #F5F7E8 · #84BD73 · #5EA7C0 · #9A7053 · #3D3E37

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

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Mint Leaf (#84BD73): A luminous, balanced green — the color of new leaves after rain.
• Cyan (#5EA7C0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Walnut (#9A7053): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Charcoal (#3D3E37): quiet, heavy and certain.

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

• Patina Jade Villa color palette (#F3F7EB, #48BA85, #428FBA, #80673D, #36362F)
• Muted Corridor color palette (#FCF4E8, #CDA543, #68AB94, #9E6976, #403D36)
• Teal Lagoon color palette (#EFF8EC, #47C2AF, #7E9CD1, #7D729F, #374033)
• Tempered Turquoise Harbor color palette (#EBFAEE, #00B3C2, #8D84CC, #667641, #27382B)
• Seafoam Villa color palette (#F4F6EE, #A5E3B2, #4EADA6, #619C6F, #293028)
• Taupe Terrace color palette (#F3F7EF, #D2DED8, #A7B3B4, #93A27F, #51544D)
• Timeworn Coast color palette (#F6F6E8, #7D9B69, #797AA5, #785169, #414000)
• Weathered Seafoam Loft color palette (#E8FDD7, #8DE4D6, #60B3B2, #347E86, #005461)

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