Campanula
#3473b7
Lighter, brighter azure-blue for clear, friendly highlights
About Campanula
Campanula sits higher and brighter than the blues around it, which means it doesn't carry the weight of Blue Triumph or the muted restraint of Clean Slate. It's saturated without being heavy, the kind of color that lands somewhere between a working blue and something that actually wants to be noticed. You'll see it on screen and know immediately it's doing something different from the darker anchors in the family.
Reach for this in product interfaces, SaaS dashboards, and healthcare software where you need blue to feel present but not authoritative. It pairs well with type without competing, reads clearly against both white and mid-tone grays, and won't feel like a compromise between "too light" and "too serious." It's brighter than Beach View but carries more intention than the palest options, which makes it useful when you need blue to actually matter.
The trick: it's warm enough to feel approachable but still reads as proper blue, not gray or slate. Test it early if you're torn between something too airy and something that feels too final. This is the one that works when restraint would feel like backing down.
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.