Stay the Night

#314662

Softer violet anchor, cooler than Midnight Interlude

Save
Share

About Stay the Night

I keep seeing Stay the Night in dark UI mockups as that steady purple you notice because it doesn't behave like the usual cool slate. It lands in the same "night" zone as , but it reads less blue-leaning and more true purple, with a slightly weightier feel than . Compared to , it's not as warm or earthy, so it stays smoother and cleaner instead of grounded and dense.

I use it for primary highlights and focus states where the purple has to show up clearly without turning into that colder, stricter steel look. Think healthcare admin tables for active pills and selected filters, or ecommerce admin screens where you're stacking interactions and need the state color to stay coherent. It's also a good choice for product onboarding and account screens when you want a confident purple presence that's the one you reach for more often than you think.

Pair it with cool grays to keep it crisp; if you put it next to very warm surfaces, it can feel a little too composed, almost formal, compared to 's comfort.

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.62:1AAA

On Gray 100 #f5f5f5

Aa
8.82:1AAA

On Gray 900 #18181b

Aa
1.84:1Fail

On Black #000000

Aa
2.18: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

#3a4866
#3a4a63
#324c64
#314159
#3e4364

Create a gradient with Stay the Night

Open the generator with this color pre-loaded.

Start creating