Tempered Lagoon color palette — #EFF7F9 · #D5DBE3 · #B9C2D1 · #3EA19F · #3E4A4D

A conversation between Turquoise and Stone, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D5DBE3): bright and airy, almost weightless.
• Stone (#B9C2D1): A luminous, dusty violet — the color of twilight just after sunset.
• Turquoise (#3EA19F): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#3E4A4D): quiet, heavy and certain.

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

• Teal Pier color palette (#F1F7F1, #D2DDDB, #A7B3B9, #67BDB7, #434A42)
• Hushed Studio color palette (#D6E4EA, #A1B8C4, #799AB0, #005E66, #00171F)
• Muted Cerulean color palette (#EDF7FC, #CCE2F0, #9EC3E1, #00869D, #23363F)
• Wandering Moss Pier color palette (#E9FAF3, #9ED0C3, #6C9F5C, #537A79, #2F4842)
• Hushed Coast color palette (#E3F2FF, #B3CAE6, #8F9BC8, #7E7195, #55485C)
• Cerulean Field color palette (#D5E8F3, #009FC0, #305168, #1F313A, #111A1D)
• Aqua Villa color palette (#DCFDFA, #3CC5DA, #3291BC, #705394, #27414E)
• Muted Indigo Station color palette (#EDF7FF, #60ADE2, #7C6FD3, #824377, #552929)

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