Blue Triumph
#4376ab
Deeper, steadier mid-blue for focused, calm UI
About Blue Triumph
Blue Triumph sits right in the middle of the road, not as dark and commanding as Corfu Waters, not as restrained as Bay View. It's saturated enough to work hard on screen without the clinical precision that pulls cooler teals toward sterility. This is the blue that actually feels like a color choice, not a default.
You'll land it in fintech dashboards, product interfaces, and SaaS tools where you need something that reads authoritative but stays approachable. It works as a primary button, active state, or key metric highlight without the weight that darker blues carry. Against white it pops without glaring. Against mid-tone grays it stays legible and intentional, the way Ahoy! Blue does but with more presence underneath.
The real difference: it's warmer than Corfu Waters (less water, more sky), which means it won't demand the same breathing room on lighter backgrounds. Test it early if you're between "too light and airy" and "too heavy for the mood." It's the one I reach for when restraint starts feeling like compromise.
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.