Pink and Blue Color: What They Make, Palettes & Hex Codes
Pink and blue mixed together make lavender or light purple. A 50/50 mix of pink (#FF69B4) and blue (#0000FF) gives #8034DA.
Pink and Blue Mix Ratios — Hex Code Table
| Swatch | Mix ratio | Color | Hex |
|---|---|---|---|
| 80% pink + 20% blue | Blush lavender | #FF54B8 | |
| 60% pink + 40% blue | Soft lilac | #BF42BD | |
| 50% pink + 50% blue | Lavender purple | #8034DA | |
| 40% pink + 60% blue | Periwinkle | #6026DA | |
| 20% pink + 80% blue | Cool mauve | #4018DA |
The pink blue color story is about cool pastels, not hot magenta. Pink is a light red; blue pulls the mix toward lavender, lilac, and periwinkle—especially when you start from vivid #FF69B4 and pure #0000FF. UK teams may search pink and blue colour with the same intent: copy the hex table below, then fine-tune ratios in our mixer.
Pink and Blue Color Palette
Four pink and blue palette sets for web, print, and social—each with four hex anchors.
Lavender dream
Soft gradient #FF69B4 → #8034DA → #0000FF with white cards and charcoal captions.
Baby brand calm
Blush #FF54B8 backgrounds, periwinkle #6026DA accents, cream #FFFBEB surfaces.
Wellness spa
Lilac #BF42BD section bands, sage #B2AC88 icons, navy #000080 footer chrome.
Stationery editorial
Cool mauve #4018DA headlines, pink #FF69B4 tags, warm gray #9CA3AF body text.
What Colors Go with Pink and Blue
Partner colors that stop pink and blue from reading too sweet or too corporate.
Pink-blue + navy
Navy (#000080) navigation grounds pastel lavender for finance-adjacent wellness brands.
Pink-blue + sage
Sage (#B2AC88) adds organic calm beside lilac—strong for skincare and botanical retail.
Pink-blue + gold
Soft gold (#F5D76E) warms cool lavender for invitation and wedding stationery.
Pink-blue + charcoal
Charcoal (#374151) typography on cream keeps periwinkle CTAs accessible.
Pink and Blue in UI Design
Wellness and baby brands. Lavender #8034DA works for soft primary buttons on white; pair with sage or navy for hierarchy. Avoid lavender-on-pink body text—it fails contrast quickly.
SaaS marketing sites. Use pink-blue gradients only in heroes; return to white dashboards with blue links and charcoal copy below the fold.
Dark mode. Deepen lavender to #4018DA on #111827 surfaces and re-test focus rings—pastels that pass on white often fail on dark gray.
FAQ
What does pink and blue make?
Pink and blue mixed together make lavender or light purple. A 50/50 blend of hot pink (#FF69B4) and blue (#0000FF) gives approximately #8034DA—a soft lavender-purple. More pink stays ballet-slipper pastel; more blue moves toward periwinkle and cool mauve.
What is the pink blue color called?
Designers call mid-mixes lavender, lilac, periwinkle, or mauve depending on lightness and how much blue dominates. The pink and blue colour family is cooler and softer than pink plus purple, which skews hotter magenta.
What colors go with pink and blue?
White (#FFFFFF), cream (#FFFBEB), sage (#B2AC88), and navy (#000080) ground pink-blue palettes. Navy adds structure for corporate wellness brands; sage keeps organic calm next to pastel lavender.
Can I use pink and blue on a website?
Yes for baby brands, stationery, wellness, and calm lifestyle UI. Use lavender (#8034DA) sparingly on CTAs, keep body copy in charcoal on white, and verify contrast for every interactive state.
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.