Juggernaut
#255367
Bulldozing steel-blue for authority-heavy sections
About Juggernaut
Juggernaut reads like a dense, slate-blue ink laid over glass. It has weight and quiet confidence, but it doesn't glow like Night Edition's backlight feel, and it doesn't open up into the smoother, warmed screen-aftertone of Nocturne Blue. Compared to Night Kite's midnight green edge, Juggernaut stays more neutral and grounded, with fewer cyan cues.
I use it where you need blue presence that won't tip into teal personality or look too primary against dark UI. dashboards and finance apps can take it for data-table headers, selected-row states, and section bars, especially when the background already has a lot going on. It's also great for healthcare and operations UIs where status pills and chart accents need serious, steady contrast without feeling urgent.
Quirk: on very cool gray systems, it can go slightly heavier and more formal than you expect. I like it with grays that have some depth, plus a touch of near-black text so the hierarchy stays crisp.
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.