Midsummer Nights
#0011ee
Deep midnight blue-leaning violet for high-contrast panels
About Midsummer Nights
I think of Midsummer Nights as the moment a blue header picks up a purple shadow and doesn't let go. It's deep enough to feel nocturnal, but it's not as heavy as that blue-overdose punch. Where Hyperlink Blue stays straight and readable, this one has a more purple-leaning undercurrent that makes it look slightly hushed, not strict.
In dark UI mockups, it works well for dashboards and music production timelines where you want "in control" without going severe. I use it for selection states, hover glows, and timeline accents in media editors, especially when I'm building a palette that needs motion but still reads clean. Compared with Burning Ultrablue, it's less electric and restless, more steady blue glow with a violet tint.
Pair it with cool grays and near-black backgrounds, and keep warm accents minimal or they'll mute the purple side fast.
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.