Pink and Purple Color: What They Make, Palettes & Hex Codes
Pink and purple mixed together make magenta or mauve depending on the ratio. A 50/50 mix of pink (#FF69B4) and purple (#800080) gives #BF34CA, a vibrant magenta-purple.
Pink and Purple Mix Ratios — Hex Code Table
| Swatch | Mix ratio | Color | Hex |
|---|---|---|---|
| 80% pink + 20% purple | Soft magenta | #F06BB8 | |
| 60% pink + 40% purple | Rose magenta | #D85AAB | |
| 50% pink + 50% purple | Vibrant magenta-purple | #BF34CA | |
| 40% pink + 60% purple | Berry purple | #A640B0 | |
| 20% pink + 80% purple | Deep mauve | #8C2D9A |
If you searched pink and purple makes what color or pink purple color, you are looking at the magenta–mauve family. Pink is a light, warm red; purple adds cool depth. Together they skip true red and land on romantic, high-energy hues perfect for beauty campaigns, nightlife branding, and festival creative—provided you anchor them with neutrals so interfaces stay readable.
Pink and Purple Color Palette
Four ready-made pink and purple palettes with copy-paste hex codes for social templates, landing pages, and brand kits.
Magenta glow
Hero gradient from #FF69B4 through #BF34CA to #800080 on charcoal (#111827) type areas.
Soft mauve editorial
Blush #F06BB8 cards, mauve #8C2D9A headlines, cream #FFF8F0 reading wells.
Beauty luxury
Deep purple #800080 navigation, magenta #BF34CA CTAs, gold #FFD700 accents on white.
Nightlife neon
Electric magenta #D85AAB buttons, berry #A640B0 section bands, near-black #0F0F0F base.
What Colors Go with Pink and Purple
Complementary and accent hues that keep pink and purple feeling intentional—not overwhelming.
Pink-purple + gold
Gold (#FFD700) adds luxury next to magenta without competing for hue—ideal for jewelry and cosmetics packaging.
Pink-purple + mint
Cool mint (#A7F3D0) cools down hot magenta for wellness and Gen-Z lifestyle brands.
Pink-purple + charcoal
Charcoal (#374151) body copy on white keeps magenta heroes loud but readable.
Pink-purple + cream
Warm cream (#FFF8F0) backgrounds soften deep mauve (#8C2D9A) for editorial layouts.
Pink and Purple in UI Design
Beauty and cosmetics. Use #BF34CA for primary buttons on white, #800080 for navigation chrome, and #FFF8F0 for product cards. Never place small gray captions on magenta fills without a contrast check.
Events and music. Gradient heroes from #FF69B4 to #800080 signal energy fast—keep checkout and account UI in charcoal and white below the fold.
Creative portfolios. One magenta accent per viewport is enough; use the mix table to name token steps (surface, accent, emphasis) before handoff to engineering.
FAQ
What color does pink and purple make?
Pink and purple mixed together make magenta or mauve depending on the ratio. A balanced blend of hot pink (#FF69B4) and purple (#800080) lands near #BF34CA—a vibrant magenta-purple. More pink reads soft and floral; more purple reads deep and wine-adjacent.
What is the colour between pink and purple?
The colour between pink and purple is often called magenta, fuchsia, or mauve. In hex, mid-mixes cluster around #BF34CA to #C7498A. British and American spellings differ, but the RGB values are the same in digital design.
What colors go with pink and purple?
Gold (#FFD700), cream (#FFF8F0), charcoal (#374151), and mint (#A7F3D0) balance pink-purple palettes. Use charcoal for body copy and keep saturated magenta for heroes and CTAs only.
Is pink and purple good for website design?
Yes for beauty, events, music, and creative portfolios. Limit saturated mixes to one hero or CTA per screen, pair with neutrals for reading areas, and run every text-on-color pair through a WCAG contrast checker.
Try it with our free tools
Simulate mixes in the browser, then build a full palette for your project.
Validate text on your new palette with our WCAG contrast checker.