Tempered Azure Lagoon color palette — #D3EEFF · #7EC4FC · #5391CF · #436BA6 · #374A6F

A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.

The five colors

• Frost (#D3EEFF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#7EC4FC): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#5391CF): A luminous, balanced blue — the color of open sky before noon.
• Slate (#436BA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#374A6F): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Tempered Azure 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

• Iris Dune color palette (#D1E0FF, #A1B1F3, #8084D2, #645EA2, #453A63)
• Timeworn Hollow color palette (#CAEFFF, #80D9FF, #4FB1FF, #697BC3, #3C4565)
• Iris Meadow color palette (#FFF0FC, #B8CBFF, #7992D2, #485A92, #222D54)
• Cobalt Delta color palette (#FEF0FF, #8BBBF5, #73B68D, #4983C6, #41433C)
• Turquoise Orchard color palette (#D5FCDB, #60D0E3, #09A4C2, #187C99, #1E526A)
• Hushed Nightshade Grove color palette (#C5EDCF, #6AACD0, #207ABE, #384DA2, #46426C)
• Wandering Iris color palette (#FFF0FC, #B1BFF6, #9296D2, #756EA2, #684555)
• Faded Periwinkle color palette (#FFF0FC, #7EA2F6, #C37CB9, #00999F, #443041)

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