Azure
#007fff
High-saturation azure violet for crisp, modern links
About Azure
Azure is what happens when you push blue all the way forward and let the purple fall back. It's brighter and more saturated than anything else in this family, the kind of color that actually reads as blue, not purple with blue tendencies. You'll notice the difference immediately next to Azureno or Blue Jay. Where they settle into secondary roles, this one steps forward.
You'll land on it for interface headers, call-to-action elements, and brand-primary uses in tech and SaaS where you need something that feels authoritative and modern without the coldness Cold Lips brings. It works in fintech dashboards, design system component libraries, and anywhere you're building something that needs to feel both trustworthy and alive. The lightness keeps it from feeling heavy or clinical, the saturation keeps it from disappearing.
Pair it with warm neutrals and it'll lean distinctly toward cyan. Against cool grays it stays grounded but assertive, not a supporting player, the lead. That's the trade-off: it demands more visual real estate than the softer purples around it.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.