Tempered Lagoon color palette — #EDF8F7 · #D4DCE4 · #BBC0CD · #659B99 · #404A4A

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

The five colors

• Ivory (#EDF8F7): a clean, paper-quiet neutral.
• Silver (#D4DCE4): a clean, paper-quiet neutral.
• Stone (#BBC0CD): a calm mid-gray that lets other colors speak.
• Eucalyptus (#659B99): A luminous, dusty teal — the color of glacier melt.
• Charcoal (#404A4A): a grounded near-black with real depth.

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

• Hushed Corridor color palette (#EFF7F7, #D4DBDF, #AFB2BE, #74BDA1, #384C4D)
• Dusty Lagoon color palette (#E5FBF5, #9AD3BA, #429FA4, #597A71, #304748)
• Aged Orchard color palette (#CFE3E4, #9CBAC6, #8198AE, #006249, #011819)
• Ancient Powder Harbor color palette (#DFFFE2, #A0CFDE, #8A9AB1, #8D6F81, #614E5A)
• Aged Lagoon color palette (#E6F9FC, #BEE5F8, #AAC0DB, #008B78, #1B383C)
• Patina Hollow color palette (#D0EAF1, #00A49F, #395062, #1F3136, #111A1A)
• Washed Petrol color palette (#DEE7F0, #BDC4D6, #A4A1BB, #2B6591, #172028)
• Quiet Lantern color palette (#E4FAFF, #D4FA9E, #63DFC4, #899CD9, #194455)

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