Blue Öyster Cult
#5577ee
Muted blue-violet for steady, less electric links
About Blue Öyster Cult
Blue Öyster Cult sits right where blue stops being aggressive and purple starts feeling approachable. It's lighter and less saturated than Azure or Blue Jay, which means it won't demand the room they do, this one plays well with others instead of commanding the space. You get actual color without the clinical edge.
This is the one you reach for in design systems, creative tool interfaces, and SaaS dashboards where you need something that feels modern but not cold. It works in brand guidelines for companies that want personality alongside professionalism, in illustration palettes where it bridges warm and cool, in accessibility-conscious layouts where you need contrast without harshness. It's got enough saturation to hold its own against medium backgrounds, enough lightness to breathe next to darker elements.
Pair it against warm neutrals and watch it lean distinctly purple. Against cool grays it'll shift slightly bluer, but it won't disappear the way lighter purples do. That's the real utility here, it's forgiving without being wishy-washy.
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.