Bellflower
#5d66aa
Bright blue-violet for clear focus, less gray
About Bellflower
Bellflower's the purple that actually feels approachable. It's got enough blue running through it to stay cool, but it sits lighter and brighter than Arcane Brew or Bureaucracy, the kind of shade that reads as purposeful without feeling heavy. There's saturation here, real saturation, so it doesn't disappear into the background the way the more desaturated purples do.
You'll land on this one in product dashboards, SaaS interfaces, and creative software where you need purple to feel thoughtful but not moody. It works in data visualization, design tokens, and anywhere else you're building a system that needs color with some presence. It's got enough brightness to hold its own against light backgrounds without screaming, and enough weight to feel intentional instead of accidental. Unlike Aster, there's no earthiness or warmth softening the edges, this is cleaner, more direct, closer to the tech end of the spectrum but still grounded.
Pair it against off-white or pale gray and it pops just enough to matter. Against darker backgrounds it'll float a little, so save it for moments where you actually want that lift.
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.