Fist of the North Star
#225599
Dark vivid violet blue for brooding UI contrast
About Fist of the North Star
Picture a street sign glow reflecting off damp concrete in a late-night alley. That's the feeling of Fist of the North Star: a deep purple that reads as heavier and more punchy than Cascade Twilight, but with a calmer undertone than Blasphemous Blue's sharper, deeper bite. It's not just dark, either. The lightness is controlled, the saturation stays locked in, and the blue tint is more subdued, so it feels steadier rather than confrontational.
I use this in dashboards and finance apps where the interface needs to signal "this is the primary action" without turning into a neon accent. In enterprise dark mode, it makes modals, confirmation buttons, and key table highlights feel grounded. It also works well for brand states in fintech and risk platforms, where Assassin can feel a bit too steel-edged and Cascade can feel too airy.
Pair it with cool grays or near-whites. With warm backgrounds it can start to look bruised instead of decisive.
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 Fist of the North Star
Open the generator with this color pre-loaded.
Start creating