King Neptune

#7794c0

Deeper, clearer periwinkle-purple for oceanic highlights

Save
Share

About King Neptune

King Neptune lands like deep sea light hitting a purple wetsuit: not airy haze, more depth and wet sheen than or . It's cooler than 's friendly mist and doesn't slip toward periwinkle the way those can. Compared with the other nearby purples, this one feels less "screen-cleanish" and more intentionally weighty, with a calmer, maritime undertone that reads purple first.

I use it when the UI needs a strong accent that still feels composed beside cool grays, but without the techy lean you'd get from the blue-adjacent end of the family. It shows up in dashboards and finance apps for primary-but-not-dominant states, like selected rows, step indicators, and status pills. It also works for SaaS onboarding flows where you want the one you reach for when callouts need presence, not pastel drift, and for product screenshots that need a single confident purple lane.

Pair it carefully with neutrals that aren't too warm, or it can feel slightly heavier than planned. On bright whites, it holds shape better than the mistier options, but it still prefers cool or neutral backgrounds.

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
3.10:1FailAA Large

On Gray 100 #f5f5f5

Aa
2.84:1Fail

On Gray 900 #18181b

Aa
5.72:1AAAAA Large

On Black #000000

Aa
6.78:1AAAAA Large

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 King Neptune

Open the generator with this color pre-loaded.

Start creating