Tempered Azure Lagoon color palette — #D7E6F0 · #1C97F7 · #3B69C3 · #35347B · #231940

Azure takes the lead with Royal Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D7E6F0): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#1C97F7): A luminous, vivid blue — the color of deep harbor water.
• Royal Blue (#3B69C3): A full-bodied, balanced violet — the color of wild irises.
• Navy (#35347B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#231940): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Ultramarine Lagoon color palette (#CFEEFF, #52A7E8, #3F62B4, #424092, #442C5F)
• Faded Iris color palette (#E5EEFF, #859BF7, #7263B8, #584078, #262241)
• Misty Meadow color palette (#D7F4F9, #00A1BF, #00709D, #003F66, #0C2243)
• Patina Cornflower Bloom color palette (#E5F8FF, #7CCDFF, #647FE5, #574A93, #351E3D)
• Faded Station color palette (#DEEAFF, #6E86F8, #9C7500, #3D4D9A, #261A00)
• Antique Cabin color palette (#ECEBFF, #A79DFE, #5E52B2, #2C2568, #100230)
• Weathered Sapphire Workshop color palette (#E3EFFC, #0262EB, #3515B0, #27005D, #140027)
• Lilac Lagoon color palette (#E4E2F4, #A67FED, #813F9E, #5A215C, #34112C)

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