Tempered Lagoon color palette — #F9F3F7 · #D2D5E6 · #94D8E9 · #68A07F · #345167

A conversation between Eucalyptus and Ice Blue, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D2D5E6): A whisper-light, dusty violet — the color of a velvet chair.
• Ice Blue (#94D8E9): A whisper-light, dusty blue — the color of open sky before noon.
• Eucalyptus (#68A07F): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#345167): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. 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

• Worn Cerulean Studio color palette (#FAF3F5, #D9D4DE, #C7BDEA, #3BA2AE, #434C6A)
• Cypress Veranda color palette (#EAF4F2, #CADEF1, #73A5B6, #3D776C, #1E3A46)
• Denim Boulevard color palette (#EDE2EA, #6AAFB7, #005D79, #002D20, #000104)
• Aged Parlor color palette (#FFF0FA, #D5D4E1, #3CBAFF, #008978, #133366)
• Softworn Taupe Ridge color palette (#F1F5FF, #C2C6FF, #E6AC8C, #AAA748, #31384A)
• Cobalt Courtyard color palette (#E8F8FF, #CDDBF6, #7CAEE9, #677CBC, #454E6E)
• Periwinkle Hollow color palette (#EFF6FF, #DAD7F3, #EBC58F, #699AE6, #314F32)
• Softworn Stone Orchard color palette (#FEF1F8, #EDD4D0, #D0A38F, #8C6F8B, #344438)

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