Tempered Lagoon color palette — #F2F7F0 · #D2DEDD · #D1BBB8 · #649C8F · #434A3F

Eucalyptus and Stone set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F2F7F0): bright and airy, almost weightless.
• Silver (#D2DEDD): bright and airy, almost weightless.
• Stone (#D1BBB8): A luminous, dusty orange — the color of toasted spice.
• Eucalyptus (#649C8F): A luminous, dusty teal — the color of sea glass.
• Charcoal (#434A3F): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Antique Bloom color palette (#EFF7F8, #D5DBE4, #B9C0CF, #00867D, #3B4B4E)
• Antique Delta color palette (#FEF3E7, #D0C49F, #7B9976, #607964, #514000)
• Aged Cabin color palette (#F9F3F9, #E3D6D5, #CBBAB3, #5782BD, #413741)
• Abyss Field color palette (#E1EBDF, #A4BAB0, #A28E9E, #00605C, #0B170A)
• Cerulean Studio color palette (#D9E9DE, #00A1B7, #574756, #243229, #161A12)
• Hushed Bronze Thicket color palette (#F5F8DE, #B0D1B6, #B496AB, #976F2F, #6D4900)
• Wandering Mint Workshop color palette (#FFF2EB, #68C6A9, #588BBA, #8F503D, #2D4430)
• Ancient Ultramarine Workshop color palette (#F5E9F2, #D3BDC5, #BA9C9C, #3C5AAF, #261B24)

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