Evening Magic

#363e7d

Evening-deep purple with cooler, moodier depth

Save
Share

About Evening Magic

I look at Evening Magic and see a deep, evening-toned purple that doesn't tip hard blue like or stay bright and accenty like . It's slightly lighter than those darker anchors, with a more even, velvety depth that feels intentional rather than muted. The undertone reads more purple than steel, but it's not gray-dragged like either.

I reach for this in places where you want hierarchy without the navy weight: dashboards and finance apps UI chrome, subtle section headers, and status chips that need to feel "set" but not heavy. In healthcare products, it works well for focus rings and secondary actions because it holds contrast against light surfaces without turning cold. It's also a good choice for chart callouts and form states when you want the purple to look composed, not accent-first.

Pair it with cool neutrals or clean off-whites, and keep saturated warm colors out of the same area. Otherwise it can start to feel a little flatter and less decisive than you planned.

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

On Gray 100 #f5f5f5

Aa
8.99:1AAA

On Gray 900 #18181b

Aa
1.81:1Fail

On Black #000000

Aa
2.14: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.

Create a gradient with Evening Magic

Open the generator with this color pre-loaded.

Start creating