Tempered Lagoon color palette — #E5F9FF · #D8DCE7 · #CEAFB0 · #5BA183 · #1A3442

Eucalyptus and Deep Teal set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#E5F9FF): A whisper-light, dusty blue — the color of open sky before noon.
• Silver (#D8DCE7): bright and airy, almost weightless.
• Rosewood Mist (#CEAFB0): A luminous, dusty red — the color of late-summer berries.
• Eucalyptus (#5BA183): A luminous, balanced teal — the color of shallow lagoons.
• Deep Teal (#1A3442): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged pastel, light, 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

• Washed Teal Courtyard color palette (#EAF8FF, #D9DAE5, #B8AAA5, #5FB4B0, #314657)
• Cerulean Courtyard color palette (#EEF6FF, #DFD9E3, #FDC2FD, #009FB6, #0F2A52)
• Tempered Summit color palette (#E1F9E4, #B6E4FF, #B5A4D8, #587F55, #052B1D)
• Wandering Cobalt color palette (#F2F5FF, #EAD9E1, #F8BCA8, #4C7FBE, #271736)
• Muted Quarry color palette (#E5FCEA, #B1E2CE, #99B0E1, #0C746B, #224432)
• Amber Pier color palette (#FFF1F7, #DEC399, #BC773F, #7C483E, #0B281B)
• Tempered Powder Villa color palette (#E8F8FF, #D1DAF8, #BCB4FF, #007768, #001322)
• Dusty Amber Hollow color palette (#E8F8FF, #00B2C4, #C27500, #007249, #001922)

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