Raging Thunderstorm
#004f63
Storm-dark blue-teal for primary UI and maps
About Raging Thunderstorm
Rain hits a metal awning and the surface goes that slate-blue damp, heavy and intent. Raging Thunderstorm sits in that same lane, but it's less night-muted than Nocturnal Expedition and less wetsuit-smooth than Plunge. Compared to Juggernaut's dense glass-ink feel, this one reads more stormy and dimensional, with a deeper teal-lean that keeps it from becoming purely slate.
I use it for the one you reach for when a UI needs authority without shrinking into near-black, especially in dashboards and data-heavy operations portals where panel borders, chart rails, and status tiles must look "set" rather than shadowed. In healthcare software, it's great for secondary CTAs and table highlights that still need to hold steady beside bright labels.
Quirk: pair it with grays that aren't too cool or it can start to feel stricter than you want. Give it some breathing room with softer neutrals and it plays nicer.
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 Raging Thunderstorm
Open the generator with this color pre-loaded.
Start creating