Bluerocratic
#1f66ff
Cool blue-leaning royal purple for primary UI
About Bluerocratic
Bluerocratic sits in that awkward middle territory where it's still recognizably blue, but it's got enough purple mixed in that it won't read as pure primary. It's less aggressive than Azure, which means it won't demand the whole room, but it's more saturated than Blue Öyster Cult, so it actually holds its own on screen instead of fading into the background. You get a color that feels tech-forward without the coldness.
Reach for this one in admin interfaces, enterprise dashboards, and B2B SaaS products where you need something authoritative but not sterile. It works in fintech and compliance tools, in design system component libraries where you're threading the needle between professional and approachable, in data visualization where you need hierarchy without harsh contrast. Against white it reads distinctly blue-leaning. Against cool grays it tips slightly more purple, which keeps it from feeling clinical.
Pair it with warm neutrals and it'll lean harder into that blue character. Use it for accent work or secondary buttons and it disappears a little too easily, this one wants primary real estate to land properly.
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.