Tempered Azure color palette — #C9F6FF · #00A3D7 · #00679B · #00437F · #3A1865

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

The five colors

• Frost (#C9F6FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00A3D7): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00679B): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#00437F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Royal Purple (#3A1865): A deep, shadowed, balanced 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 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

• Soft Summit color palette (#DDF0EF, #009BAC, #006E86, #004A68, #25285A)
• Hazy Navy color palette (#CEE9EA, #0096BE, #00638D, #00367D, #11004B)
• Nightshade Canyon color palette (#E1F0F9, #0094ED, #005AB2, #2427AE, #2E2373)
• Worn Cobalt Alley color palette (#CBE7F4, #1BBBFC, #0099E8, #0077CC, #003163)
• Sunlit Indigo color palette (#CDE5FB, #589DFF, #555EF0, #48389A, #422F66)
• Muted Delta color palette (#DEEBFF, #5A94FF, #0050B4, #00148A, #001A43)
• Washed Cobalt color palette (#D0E8FF, #0089DF, #9A6200, #005187, #422700)
• Tempered Sky color palette (#EBF7FF, #64B6EB, #5786BD, #4E5F85, #4D455E)

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