Tempered Lagoon color palette — #E3FAFF · #D8DDE8 · #B3BDDE · #87998B · #3F5347

A conversation between Sky and Charcoal Brown, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#E3FAFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Silver (#D8DDE8): bright and airy, almost weightless.
• Sky (#B3BDDE): A luminous, dusty violet — the color of a velvet chair.
• Eucalyptus (#87998B): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#3F5347): A full-bodied, dusty teal — the color of sea glass.

Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, 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

• Stone Lagoon color palette (#EEF6FF, #E2D5EC, #D5A6BE, #558A86, #365456)
• Mint Coast color palette (#F0F7F3, #BFDEF2, #89BD94, #6A8C97, #374B45)
• Patina Marigold color palette (#EEF6FF, #A3D1FF, #F3A861, #8DAD7F, #2C3A48)
• Washed Ash Pier color palette (#EAF8FF, #BFD3F4, #A88DB6, #6A764A, #0E4242)
• Ancient Pier color palette (#EBF7FF, #D4D9E8, #77B3FB, #7782B7, #464D67)
• Aged Villa color palette (#EAF8FF, #A5BBF4, #9A72A3, #4D5930, #002D25)
• Chestnut Lantern color palette (#F0F5DE, #B3CCBD, #AD90A1, #775F11, #513E00)
• Wandering Iris color palette (#F0F5FF, #DFD6F0, #FABE7F, #7F96DF, #5C3B47)

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