Tempered Azure color palette — #F4F7EA · #A2E7FF · #00AADF · #00808E · #0B4563

A conversation between Cyan and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Powder Blue (#A2E7FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00AADF): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00808E): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#0B4563): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Patina Aqua color palette (#BCEAEF, #00C7E4, #009ABA, #007391, #004862)
• Antique Turquoise Chapel color palette (#F5F6ED, #BCE8E0, #4EB5CA, #148C88, #2C513E)
• Hushed Turquoise color palette (#E1E4D7, #42B2CC, #007190, #00494E, #001622)
• Muted Canyon color palette (#F3F7ED, #AFE1D2, #5C99DD, #16769A, #4B2F4A)
• Magenta Lagoon color palette (#C8F7EB, #33A0FD, #CC3BFF, #009183, #103251)
• Dusty Sky color palette (#FFF2EA, #D6D7E7, #66B4FC, #008B6F, #292D66)
• Tempered Cobalt Corridor color palette (#FFF2EB, #76DEFF, #1586C9, #00675E, #2A3E69)
• Washed Studio color palette (#F4F6F0, #C6E8EA, #80B7EB, #598FA5, #5F4B5F)

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