Too Blue to Be True
#0088ff
Deeper royal blue for bold navigation accents
About Too Blue to Be True
It's the blue you notice in a product screenshot where the rest of the UI is pretty quiet, like a progress bar that suddenly stops you mid-scroll. Too Blue to Be True sits in the "too saturated to be just another link" zone, but it's still clean and crisp, not heavy like the deeper workhorse blues around it.
I use it in dashboards and finance apps when I need the accent to feel decisively there without turning punchy like Blue Burst. Compared with Fresh Blue of Bel Air, it has more depth and less airy clarity, so it doesn't look thin on textured cards. Versus Out of the Blue, it's cooler and more assertive, so it reads like action, not just a highlight. And against Sky Dancer, it's less sky-forward and more inked-in, with a stronger blue undertone that holds up in dense layouts.
Pair it with white or mid-tone grays and keep the surrounding accents calmer. If you stack it with multiple bright blues, it starts to feel like everything is shouting at once.
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.
Similar colors
Create a gradient with Too Blue to Be True
Open the generator with this color pre-loaded.
Start creating