Bluebonnet
#1c1cf0
Bright royal indigo blue shade for contrast
About Bluebonnet
Bluebonnet sits closer to pure blue than anything else in this family, but it's got just enough purple undertone to keep it from feeling sterile. It's brighter than C64 Blue and way less fence-sitting than Blustering Blue, this one knows what it is. You look at it and you see blue first, purple second, which matters more than it sounds.
Use it in creative interfaces where blue needs warmth but can't afford to look washed out: design tools, music production software, data visualization that doesn't want to feel corporate-cold. It holds its own in dark mode dashboards better than primary blue does, pulls forward against black instead of disappearing. Brand palettes love this one because it's saturated enough to anchor a palette without demanding all the oxygen in the room.
Pair it with neutrals and it stays grounded. Mix it with warm accents and that purple undertone keeps it from bleeding into them the way purer blues do. It's the one you reach for when straight primary blue feels too clinical but you're not ready to commit to the purple.
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.