Insomniac Blue
#110077
Softer midnight violet-blue for calmer contrast layers
About Insomniac Blue
Insomniac Blue looks like a deep violet dragged slightly toward ink-blue, but it keeps its identity. It's not the extra-dark "vanish into black" type like Alone in the Dark, and it doesn't glow or overcommit the way Child of the Night can. Compared to 20000 Leagues Under the Sea, it's a touch less bright and less saturated, so it reads calmer and more controlled.
I reach for this when a dark UI needs a secondary color with personality but low noise. Think dashboards and fintech platforms that want clear navigation and form focus states without the purple shouting. In medical software, it works well for subtle highlights, selected rows, and secondary icon treatment because it stays crisp against deep grays while still feeling cool and dependable.
Pair it with true charcoals and cool neutrals. If you drop it next to warm grays or creamy whites, the blue-leaning undertone starts to feel disconnected 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.
