What Color Do Orange and Blue Make?

The Short Answer

In paint and other pigments, mixing orange and blue usually gives brown. Depending on the proportions and the specific pigments, the result can also be a muddy gray or an olive-leaning neutral. This happens because orange and blue sit opposite each other on the traditional painter's color wheel, which makes them complementary colors. When complements are mixed, they tend to cancel each other's intensity and move toward a dull, dark neutral.

Logo artwork is usually built and delivered digitally, so the answer depends on how the two colors are combined. Light, screen blending modes, simple averaging and printing inks each follow different rules. In those contexts, orange and blue can produce a dusky purple-gray, near-black or a pale pinkish lavender instead of brown. The sections below explain each case and what it means when you build a logo palette around this pair.

Why Orange and Blue Turn Brown in Paint

Pigments work by subtraction. Each pigment absorbs part of the light that hits it and reflects the rest. Orange pigment reflects mostly the warm part of the spectrum, and blue pigment reflects mostly the cool part. Mixed together, each one absorbs much of what the other reflects, so less light comes back overall and no single hue dominates. The eye reads the result as a darkened, low-saturation color, which in practice is usually some kind of brown.

The exact result varies:

• More orange than blue pushes the mix toward a warm, reddish or tan brown.
• More blue than orange pushes it toward a cool, slate or charcoal brown.
• Roughly balanced amounts give the most neutral, muddy result.
• Adding white to the mix produces taupe, beige-gray or greige tones.
• Different pigments labeled orange or blue will not mix identically, so any specific swatch has to be tested rather than predicted.

How the Answer Changes in Digital Color

Vector design applications such as Illustrator, Affinity Designer, Inkscape and Figma do not mix colors the way paint does. When two colored shapes meet, overlap or blend, the result depends on the color mode and on the operation applied. The examples below use a common pure orange (RGB 255, 165, 0, or hex FFA500) and a pure blue (RGB 0, 0, 255, or hex 0000FF). These values are illustrative and are not taken from any specific brand. The results come from the standard arithmetic of each operation and are not measured outputs from a particular application.

Method | How it combines the colors | Result for FFA500 with 0000FF

Additive light (screen blend) | Light from both sources adds together | Approximately FFA5FF, a pale pink-lavender

Multiply blend | Channel values are multiplied, darkening the image | 000000, black

Simple 50/50 average (midpoint of a basic RGB gradient) | Each channel is averaged | Approximately 805380, a dusky purple-gray

Paint or pigment | Subtractive absorption | Typically brown or a muddy neutral

Overprinted process inks | Subtractive layering of ink | Typically a very dark brown or near-black, depending on ink coverage

The digital midpoint leans purple rather than brown because the opposite of orange on a screen-based RGB wheel is not pure blue. On that wheel, orange's complement is closer to azure, a lighter sky blue. A pure, slightly violet blue paired with orange therefore does not fully cancel out on screen, so some purple survives in the average. With an orange and a sky blue that are closer to true RGB complements, the midpoint moves toward neutral gray.

What This Means for a Vector Logo Palette

Orange and blue are popular in logos because complementary colors give strong hue contrast. The pair reads clearly at small sizes and holds attention. Because the two colors react strongly with each other, the places where they meet in the artwork need deliberate handling.

Gradients between orange and blue

A two-stop gradient from orange to blue passes through the in-between colors described above. In many tools, that produces a grayish or dull purple band in the middle, sometimes called a muddy midpoint. If that band is unwanted, add one or more intermediate color stops that route the gradient through a cleaner hue, such as a warm pink-magenta or a teal. Some applications also offer gradient interpolation in other color spaces, but this depends on the version, so check the documentation for your software. Also confirm that the gradient survives export to the formats you plan to deliver, because some simpler formats and older software handle gradients poorly or replace them with stepped or rasterized fills.

Overlapping shapes and transparency

If a logo uses semi-transparent orange and blue shapes that overlap, the overlap color comes from live transparency or blending modes. Those effects can render differently across applications. When the file is flattened for some export formats, they can also be split into extra pieces or converted to embedded raster images. For master and delivery files, a more robust approach is to draw the overlap as its own shape with an explicit solid fill. That keeps the color predictable and keeps every region as clean, editable vector paths.

Print and overprinting

In print, an orange element set to overprint a blue one, or the reverse, produces a dark combined color where the inks overlap. That is often unintentional. Use your software's overprint preview, or a proof from the printer, to check overlapping areas before final files are released. When the logo uses spot colors, confirm how each ink is defined and whether any overlap is meant to knock out or overprint.

Contrast and legibility

Strong hue contrast is not the same as strong lightness contrast. A bright orange and a mid-tone blue of similar lightness can appear to vibrate where they touch, and text in one color set on the other can be hard to read. Varying the lightness, for example a deep navy with a bright orange, usually improves legibility. Blue and orange are also generally easier to tell apart than red and green for people with the most common color vision deficiencies, which is one reason the pairing is widely used. Check any specific color pair with a contrast checker or a color-blindness simulator rather than assuming it passes.

Using the mixed color as a palette accent

The brown, taupe or purple-gray that comes from mixing the two colors can work as a supporting neutral in a brand palette. It is related to both main colors without competing with them. If you use it this way, define it as its own named swatch with fixed values. Do not rely on a blend or overlap to generate it each time.

Documenting the Colors in Logo Delivery Files

An orange and blue combination can shift depending on the medium, so the palette should not be left to interpretation. A well-prepared logo package typically gives each color an explicit value in each mode where it will be used:

• Hex and RGB values for screens and web use.
• CMYK values for process printing, chosen and proofed rather than auto-converted.
• A spot color reference, if the brand prints with named inks.
• Any intentional derived colors, such as an overlap or accent tone, listed as their own swatches.
• Notes on whether gradients, transparency or overprint settings are part of the approved design.

Opening a file is not enough to confirm that these colors are applied as editable vector fills. A file extension such as SVG, EPS, AI or PDF does not by itself guarantee clean vector paths. Some of these files contain only an embedded raster image or a raster preview. Inspect the artwork in a vector editor to confirm that the orange and blue areas are actual filled shapes with the documented values.

If the orange and blue logo you are working with belongs to another organization, being able to download the file does not grant the right to change its colors, reuse its fonts or use its trademark. Check the owner's brand guidelines or license terms before modifying or redistributing it.

Limits of This Answer

No specific brand colors, pigment formulations, ink profiles or test swatches were supplied for this article. The digital results above follow from standard color arithmetic for the example values, and the paint and print descriptions reflect general color principles. The actual color you get from a particular pair of paints, inks, screen settings or software blending modes should be confirmed by testing those exact materials or files.