Tempered Lagoon color palette — #F9F4EE · #C0E0E4 · #9ECEC6 · #63A089 · #385546

Eucalyptus takes the lead with Stone close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#C0E0E4): A whisper-light, dusty blue — the color of deep harbor water.
• Stone (#9ECEC6): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#63A089): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#385546): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, 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

• Dusty Powder color palette (#F9F4ED, #C6DDE5, #AFC1EC, #7D9B7D, #59455B)
• Wandering Orchard color palette (#F1F7F2, #CEE3F6, #58A7B3, #457B67, #3F5664)
• Dusty Denim Loft color palette (#F5EBDB, #73AEB4, #005F73, #002C25, #000103)
• Patina Orchard color palette (#FFF2EE, #F3D4C5, #91DBDB, #CC8285, #314F32)
• Dusty Cocoa Grove color palette (#FFF2ED, #E0DACE, #E5B3AC, #9CB2B3, #763C17)
• Hushed Balcony color palette (#FDF4E7, #C3EDFF, #3F9AD6, #00696E, #001D43)
• Worn Sky Courtyard color palette (#FCF4E8, #D5D9EA, #4FBCEB, #008883, #00385C)
• Ancient Bronze color palette (#FCF4E8, #D9E1C2, #C2AB85, #9F6F36, #4B3F00)

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