Awkward Purple

#d208cc

Deep cool plum-pink for high-contrast accents

Save
Share

About Awkward Purple

Awkward Purple reads like pink's purple cousin showed up uninvited and somehow became the most interesting person in the room. It's deeper and colder than everything else in this family, pull it next to or and you'll feel the shift immediately. There's a blueshift under the magenta that makes it sit somewhere between pink and actual purple, which is exactly why it feels awkward, and exactly why it works.

Reach for this in design systems where you need a secondary action that doesn't apologize, in dark mode interfaces where you want depth without the clinical precision of , in gaming and music apps where saturation matters but temperature matters more. It lands on dark backgrounds without that aggressive glow the cooler pinks have, there's restraint here. Works especially well in overlay states, hover effects, and accent hierarchies where you're layering it against other dark neutrals.

Pair it tight with blacks and charcoals; this one doesn't breathe the same way the warmer magentas do. Medium weight type sits fine on top. The catch: it'll fight you on light backgrounds and warm grays. Use it where you mean it, not as a safety choice.

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
4.52:1AAAAA Large

On Gray 100 #f5f5f5

Aa
4.15:1FailAA Large

On Gray 900 #18181b

Aa
3.92:1FailAA Large

On Black #000000

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

Create a gradient with Awkward Purple

Open the generator with this color pre-loaded.

Start creating