Blurple
#5539cc
Cool, saturated violet-blue for bold interface contrast
About Blurple
Blurple's the one that actually sits in the middle instead of straddling it, enough blue to feel electric, enough purple to keep it warm. It's lighter and less saturated than Arcane Brew, so it doesn't land with that moody weight. And unlike Blustering Blue, there's no tension in it, no push-pull. It just reads as itself, a solid mid-tone purple-blue that doesn't apologize for either side.
You'll reach for it in product dashboards, brand systems, and web interfaces where you need purple that feels modern and approachable instead of dark or brooding. It works in user onboarding flows, card-based layouts, and anywhere you're building a design system that needs a secondary purple with actual personality. Against light backgrounds it pops without exhausting the eye. Against dark backgrounds it holds its own without receding like lighter purples tend to.
Pair it with neutral grays and it'll feel corporate. Add warm accents and suddenly it's got character. This is the purple that works harder than it looks because it doesn't need to be the loudest thing in the room to be useful.
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.