Blue Jay
#5588dd
Lighter royal blue-violet for confident highlights
About Blue Jay
Blue Jay is what happens when you want saturation without aggression, it's got actual color density, but it refuses to feel clinical the way Cold Lips does. It sits noticeably darker and more chromatic than Azureno, which means it won't disappear into a dashboard the moment you pair it with cool gray. There's punch here that doesn't announce itself.
You'll land on it for fintech dashboards, productivity interfaces, and data visualization where you need a secondary blue that reads serious without the coldness. It works in brand guidelines for tech companies that want to feel assured rather than clinical. Unlike Birdie Num Num's softness or Cold Lips' sharp clarity, Blue Jay gives you genuine depth with restraint, the kind of color that works harder than it looks, holding attention without demanding it.
Pair it against warm neutrals and it'll lean distinctly blue. Next to cool grays it stays grounded, neither disappearing nor fighting for space. That balance is harder to find than you'd think.
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.