Clairvoyant

#480656

Light violet-pink for airy highlights, less shadowed

Save
Share

About Clairvoyant

Clairvoyant splits the difference between Cloak and Dagger's warmth and 's restraint, but it's neither. It's darker than both, more saturated than , yet cooler and less insistent than Cloak and Dagger. There's actual purple here, deep and specific, without the red undertone that makes Cloak and Dagger feel heated. It's the shade that reads as purple first, pink second, which matters.

You reach for this in dark mode dashboards where you need a color that holds weight without aggression, luxury SaaS products and investment platforms that want sophistication without warmth, editorial interfaces and high-end beauty apps. It's strong enough to anchor a palette without the formality of Bane of or the invisibility of . The saturation keeps it present; the coolness keeps it serious. It works on dark backgrounds almost exclusively, light backgrounds will flatten it hard.

Pair it with deep blacks and cool grays. Warm neutrals will push it toward mauve territory and kill what makes it work. Type needs to sit at a decent weight here, but thinner strokes won't completely disappear the way they do in .

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
14.62:1AAA

On Gray 100 #f5f5f5

Aa
13.41:1AAA

On Gray 900 #18181b

Aa
1.21:1Fail

On Black #000000

Aa
1.44: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 Clairvoyant

Open the generator with this color pre-loaded.

Start creating