Pretty Twilight Night

#254770

Deep blue-violet for spotlighted night-mode sections

Save
Share

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 , but it doesn't fade the way can. It also has a softer, twilight cast versus , 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
9.49:1AAA

On Gray 100 #f5f5f5

Aa
8.70:1AAA

On Gray 900 #18181b

Aa
1.87:1Fail

On Black #000000

Aa
2.21:1Fail

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

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