Royal Nightcore
#533cc6
Deep indigo-violet for cool, high-contrast accents
About Royal Nightcore
I keep catching Royal Nightcore on hero cards and notification banners, where it reads like a deep royal violet with a cool, clean edge instead of that electric blue-lilac midpoint. Compared with Blurple, it's more saturated and more "night" than neutral, so it doesn't feel like a friendly compromise. And unlike Purple Rain, it avoids that bruised magenta heaviness; it stays cooler and more controlled.
In practice, I use it for dashboards and finance apps that need urgency without going toward the sea-air brightness of Flying Fish Blue. It's my the one you reach for when states, highlights, and selection layers need to feel decisive on dark UI, like active filters in streaming analytics, timeline range markers in video editors, and primary actions in creator tools. Its lightness sits in a sweet spot where it pops on ink-dark surfaces without swallowing nearby typography.
If you pair it with creams or warm grays, pull the rest of the accent set slightly cooler so the royal tone stays crisp, not harsh.
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.