Tempered Lagoon color palette — #FAF4EE · #CBE9EA · #C7A4C3 · #51948D · #654858

A conversation between Storm Blue and Mauve, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Frost (#CBE9EA): A whisper-light, dusty teal — the color of shallow lagoons.
• Mauve (#C7A4C3): A luminous, dusty pink — the color of peonies in June.
• Storm Blue (#51948D): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#654858): A full-bodied, dusty pink — the color of peonies in June.

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 Lagoon color palette (#FBF3EF, #CDE7E5, #8CBDB0, #579481, #604B59)
• Aged Cerulean Meadow color palette (#EBF9F3, #92CDED, #D6A775, #5096B8, #524C46)
• Ancient Petrol Chapel color palette (#F1F7F2, #D8DDEE, #7B9DC0, #007D8C, #455369)
• Driftwood Coast color palette (#E0FDF5, #8BB6DF, #C89A70, #9A8A4E, #2D4942)
• Muted Veranda color palette (#FFF2EB, #B7E0C8, #5D9BD1, #007F63, #303660)
• Cobalt Veranda color palette (#EADDD4, #88B9D0, #3A74C3, #005A4F, #1E104E)
• Forest Archive color palette (#F7E6E2, #64B1AF, #00728C, #004E12, #00142B)
• Aged Bronze color palette (#FBF4E7, #D0CCAE, #AD9971, #9B6833, #434E00)

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