What Color Do Blue and Purple Make?
Blue and purple mix to blue-violet, a shade often called indigo. Learn how the ratio changes the result and how to build the color in a vector logo palette.
Contents
The Short Answer: Blue-Violet
Mixing blue and purple produces blue-violet, a cool, deep shade between the two parents. Many people call it indigo, although color names are informal and vary between designers, paint brands and software. Blue and purple sit next to each other on the color wheel, so the mix stays in the same color family. It does not create a new hue. It moves purple toward blue or blue toward purple, depending on how much of each you use.
For logo work, the more useful question is which blue-violet you want. You also need to know how to define it so the color stays consistent across screen, print and file formats. The sections below explain how the mix works in each color model and how to turn it into a usable palette.
Why the Ratio Changes the Result
Purple already contains blue. Adding more blue therefore reduces the red component and pushes the color cooler. Adding more purple brings back warmth and a redder, more violet look. An even mix gives a balanced blue-violet. A blue-heavy mix reads as a vivid, slightly purple blue. A purple-heavy mix reads as a cooler violet.
The starting colors matter as much as the ratio. "Purple" is not one fixed color. A red-leaning magenta-purple mixed with blue gives a different result than a blue-leaning violet mixed with the same blue.
How the Mix Works in Digital (RGB) Color
On screens, colors are defined by red, green and blue values. The web's named color "blue" is #0000FF, and the named color "purple" is #800080. Averaging the two channel by channel gives the values below. This is a simple numeric average in the stored sRGB values. It is a practical starting point, but it is not a perceptually uniform blend, so the on-screen result may look slightly different from what an even paint mix would suggest.
| Mix ratio (blue : purple) | Approximate result | Character |
| 3 : 1 | #2000DF | Vivid blue with a slight violet cast |
| 1 : 1 | #4000C0 | Balanced blue-violet |
| 1 : 3 | #6000A0 | Cool, deep violet |
Note the difference between mixing and layering. If you overlap a blue shape and a purple shape at partial opacity, you see a blend only where they overlap. To use the resulting color as a solid fill, sample the blended color and save it as its own swatch.
How the Mix Works in Paint and Print
Paint and ink mix subtractively, so blue and purple pigments usually produce a darker, less saturated blue-violet than the screen version. The exact result depends on the pigments. For logos headed to print, the RGB values above will not print directly. They have to be converted to CMYK or matched to a spot color. Highly saturated blue-violets are one of the color ranges that often lose vibrancy in CMYK printing. Check a printed proof, not just the on-screen preview, before you approve the color.
Using Blue and Purple in a Vector Logo Palette
Blue, blue-violet and purple form an analogous palette, meaning the colors sit next to each other on the wheel. Analogous palettes look cohesive and calm, but the colors can be hard to tell apart. A common way to keep the logo readable is to add one contrasting accent or a neutral, such as white, near-black or a warm tone.
- Define each color as a named global swatch in your vector editor so you can update it everywhere at once.
- Record the RGB or hex value for screen use and a separately chosen CMYK or spot-color value for print. Do not rely on automatic conversion.
- Check the logo in one color and in grayscale. Blue and purple can have similar lightness, so the shapes may merge when color is removed.
- Test text and fine details against their background for sufficient contrast, especially with darker blue-violets.
Gradients and File Delivery
A blue-to-purple gradient is a popular way to show the transition directly. In vector formats such as SVG, a linear or radial gradient is stored as color stops, so it scales without loss. The basic structure looks like this:
<linearGradient id="bluePurple" x1="0" y1="0" x2="1" y2="0">
<stop offset="0" stop-color="#0000FF"/>
<stop offset="0.5" stop-color="#4000C0"/>
<stop offset="1" stop-color="#800080"/>
</linearGradient>More complex effects behave differently. Mesh gradients, blurs and some blend modes may be rasterized on export, depending on the software and the target format. When that happens, part of a file that looks like vector artwork is actually an embedded raster image. Similarly, a PNG or JPG preview of a gradient logo is only pixels, whatever the original source contains. A file extension alone does not prove that the gradient is editable vector data. Open the delivered file and inspect it to confirm the gradient is still live, editable color stops.
Gradients also need a fallback. Embroidery, single-color printing, vinyl cutting and small favicons often cannot reproduce a smooth blue-to-purple transition. A solid blue-violet version of the mark, using the balanced mix or whichever shade best represents the brand, keeps the identity consistent in those uses.
What This Article Does Not Cover
No specific logo, brand guideline, paint product or software version was supplied. As a result, this article does not give exact CMYK values, spot-color matches or tool-specific export behavior. Those depend on your printer, color profile and software. Confirm them against your own proofs and your software's documentation. If you are adapting colors from an existing brand's logo, keep in mind that being able to download the logo file does not give you permission to modify the artwork or use its trademark.