Pretty Twilight Night
#254770
Deep blue-violet for spotlighted night-mode sections
About Pretty Twilight Night
Picture a night street sign catching light after rain, that specific bluish-purple tint before it fully turns into true navy. Pretty Twilight Night sits cooler than the richer, more saturated Aegean Blue, but it doesn't fade the way Bluedgeons can. It also has a softer, twilight cast versus Mermaid Blues, which reads cleaner and deeper like bright sea light under glass.
I use it when I need a primary-to-secondary blue that feels quietly authoritative without looking heavy. It's great for product headers in media and education apps, promotional modules in retail tech, and charts where the blue needs to sit beside teal accents without taking over. In UI states, it works nicely for hover and selected elements where you want contrast that feels calm but deliberate, not decisive-redo serious.
One quirk: on very dark surfaces it can lose some of that purple undertone, so I'll pair it with a slightly warmer background or a neutral gray block to keep the mood intact.
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 Pretty Twilight Night
Open the generator with this color pre-loaded.
Start creating