Storm Is Coming
#3d3d63
Deeper cool plum for moody panels
About Storm Is Coming
Storm Is Coming looks like the moment a storm cloud sits over a streetlight, a purple that still has some depth left in it. It's cooler and slightly deeper than Genie, but it doesn't feel as crisp or as clear. And unlike Meteorite, it stays a touch more muted and less bruised-plum, with a softer, smoky calm.
I use it when I need a purple that reads as Purple without tipping into navy. It's a good fit for dashboards and finance apps when you want secondary panels, hover states, or link accents to feel "set" rather than sharp. In media products, it works for filter chips and timeline tags where you want contrast that doesn't look gray-out. Compared to Good Karma, Storm Is Coming is less office-fluorescent and more grounded, so it won't jump forward as much on dark surfaces.
Pair it with cool grays or soft off-whites, and if your surrounding neutrals lean warm, this shade can start looking dirtier at the edges.
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.