Purple
#800080
Balanced medium purple with aubergine steadiness for headers
About Purple
On my mockups, Purple (the one you get from that classic ink bottle vibe) reads as a mid-depth plum that stays decisively pink underneath. It's less bruised and compressed than Hello Darkness My Old Friend, and it doesn't lean royal or hat-on-pink saturated like Royal Purpleness. Compared to Grapest, it's a touch more violet-leaning while keeping a clean, legible "pink first" identity, not that open magenta breathiness.
I use it as a balanced accent for light and dark mode, especially when the design needs confidence without sliding into the shadowy tones. It's great for media systems where selection states and tag pills need presence on hero pages, and it works well in beauty and wellness UI for step highlights, promo callouts, and secondary CTAs that still feel feminine. This shade is also my go-to for onboarding surfaces where you want emphasis but not the heavy authority of the darker pinks.
Pair it with warm charcoals or neutral creams; very cool grays can make it feel like it's bracing instead of leading.
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.
