Tempered Lagoon color palette — #FAF4EE · #C5DFF1 · #CFBAE6 · #5F9EA1 · #62434F

A conversation between Eucalyptus and Lavender, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Powder Blue (#C5DFF1): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#CFBAE6): A whisper-light, dusty violet — the color of a velvet chair.
• Eucalyptus (#5F9EA1): A luminous, dusty teal — the color of sea glass.
• Cocoa (#62434F): A full-bodied, dusty rose — the color of pressed rose petals.

Feels like: 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 Turquoise Harbor color palette (#F1F7F2, #DCDDEA, #AFC8EE, #5CAECC, #48526A)
• Dusty Ash color palette (#FBF3F5, #DBDDED, #8C95CA, #2E7B80, #505065)
• Powder Lagoon color palette (#FCF3F0, #C0E3E8, #7AC7E2, #618F64, #4E3452)
• Antique Aqua color palette (#FFF2EF, #FDB4C3, #73C9DE, #6FADBC, #47332F)
• Washed Chapel color palette (#FFF2EE, #E0DBCE, #DCAFA0, #AAABB5, #7B421A)
• Washed Cypress color palette (#FCF3ED, #C2E4F6, #89A6DD, #008077, #422234)
• Aged Sky color palette (#FFF2EC, #D3DAED, #3ABAFF, #008C5E, #1C3068)
• Tempered Azure Terrace color palette (#FFF2EB, #C0EEFF, #5E96D2, #006C59, #191742)

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