Awkward Purple
#d208cc
Deep cool plum-pink for high-contrast accents
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 Aphroditean Fuchsia or Cotton Candy 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 Brutal Pink, 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.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.