Bluebell
#333399
Lighter lavender-violet for airy links, not deep navy
About Bluebell
Bluebell's the purple that actually looks like something you'd choose on purpose, not the one that landed there by default. It's got real saturation, not washed out, not industrial, sitting at a depth that feels intentional without the weight of the darker purples around it. Where Blue Hour reads clinical and Blueberry settles into that trustworthy-but-forgettable middle ground, Bluebell has enough lift to be present on a canvas without the strain.
You reach for it in creative dashboards, design tools, and brand interfaces where purple needs to feel approachable but not soft. Form inputs, button states, accent borders, even illustration work where you need a purple that reads as deliberate. It lands clean against light backgrounds and holds its own on dark ones without that uncomfortable glow or the muddy flatten that warmer purples can fall into. Cascade Twilight might feel more refined, but Bluebell's the one that works harder when the background shifts.
Pair it tight with cool neutrals and near-whites, it'll sing. Against warm grays or cream-toned backgrounds it can tip slightly muted, so check your contrast before committing. This isn't a whisper and it's not a command. It's just there, doing the work.
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.