Skip to Content

What mixed with yellow makes brown?

When it comes to mixing colors, yellow and brown are an interesting combination. While yellow is a primary color and brown is a tertiary color, these two shades can be blended together to create new hues. So what exactly happens when you mix yellow and brown paint or other pigments? Let’s take a closer look at the color theory behind this color mixture.

Quick Answers

Here are some quick answers about mixing yellow and brown:

  • Mixing pure yellow with pure brown makes a darker, muted yellow shade.
  • Adding brown to bright yellow causes the yellow to become more earthy and olive-toned.
  • Mixing brown with lemon yellow will tone down the brightness of the yellow.
  • Combining brown and golden yellow brings out orange undertones in the resulting color.
  • The more brown added to yellow, the more the new shade will resemble a dark mustard or khaki color.

The specific shades that result when you mix yellow and brown depend on the type and intensity of each color. But in general, brown has a muting effect on vivid yellows. The brown tones down the brightness of the yellow, making it feel more natural, neutral and soft. Now let’s look further at why these color combinations occur.

How Yellow and Brown Mix

When two colors are blended together, the pigments interact with one another, absorbing and reflecting different wavelengths of light. The colors we see result from the light waves that are reflected back to our eyes.

Yellow is a primary color, meaning it cannot be created by mixing other colors. In the RYB (red, yellow, blue) color model, primary yellow contains a high amount of warm, longer wavelengths near the orange part of the visible color spectrum. This gives yellow its bright, cheery appearance.

Brown, on the other hand, is a tertiary color made by mixing primary and secondary shades. Browns are often created by combining some mixture of red, yellow, and blue – resulting in a color with strong orange undertones. Brown contains wavelengths across the visible spectrum but absorbs a lot of the light, muting it down into a neutral earth tone.

When these two very different colors are blended, the brown ends up dominating over the bright yellow. Brown absorbs the vivid wavelengths that give yellow its intense luminosity. The strong orange undertones of the brown also shift yellow into more of an olive direction. The resulting colors are much softer and more muted than pure vibrant yellow.

Yellow + Brown Color Combinations

Let’s take a look at some specific shades that result when you mix common types of yellow with different browns:

Lemon Yellow + Brown

Lemon yellow is an especially light, bright and zesty yellow. When combined with brown, the lemon yellow becomes dusty and desaturated into more neutral tones. The brightness fades into a pale tan or beige shade.

Golden Yellow + Brown

Golden yellow contains hints of orange that bring warmth to this sunny shade. Mixing it with brown enhances those subtle orangey tones, resulting in earthy colors trending toward ochre, rust or mustard.

Canary Yellow + Brown

Canary yellow has a greenish tint that gives this cheerful color its name, linking it to the bright feathers of a canary bird. Adding brown cuts the vigor of the canary shade, turning it into a lackluster, olive-tinged yellow green.

Neon Yellow + Brown

Electric, neon yellow pops vividly due to how it absorbs all other wavelengths except the ones close to yellow-green. When brown is mixed in, it overwhelms the intense neon pigments, quickly transforming them into a dirtier, greyed chartreuse.

How the Ratio of Yellow to Brown Impacts the Color

In addition to the specific shades of yellow and brown used, the proportions also significantly affect the end result. Here’s an overview:

  • More yellow than brown: Bright, pure yellow remains dominant
  • Equal parts yellow and brown: Yellow becomes olive-tinged and slightly desaturated
  • More brown than yellow: Brown muting effect washes out yellow into tan/khaki range
  • Mostly brown with a touch of yellow: Yellow subtly warms up the brown without noticeably tinting it
  • Very little yellow: Brown remains close to original shade with faint yellow undertone

Adjusting the ratio impacts where the new mixed color falls along the spectrum from bright yellow to deep brown. Finding the right blend is an important part of achieving a desired finished look when combining these two pigments.

Tips for Mixing Yellow and Brown

Here are some helpful tips to keep in mind when experimentally mixing shades of yellow and brown:

  • Start with small amounts and add gradually. A little brown goes a long way in muting yellow.
  • Mixing pure RYB primary yellow with pure RGB primary brown produces nice muted results.
  • Brown with red undertones enlivens the end color. Blue-based brown will dull it down.
  • Darkening yellow with black retains brightness better than using brown.
  • Add white to lighten and soften a yellow-brown blend.

Taking an intentional, systematic approach allows you to achieve the perfect yellow-brown tone. Test different proportions on a palette before applying to your full project.

Common Uses of Mixed Yellow-Brown Colors

The colors created by blending yellow with brown are prevalent across many contexts. Here are some of the most common ways these yellow-brown tones are used:

  • Neutral backgrounds
  • Earthy color schemes
  • Rustic furniture and decor
  • Autumn/fall designs
  • Vintage styles
  • Retro 70’s looks
  • Ethnic textile patterns
  • Tones of human skin, hair, eyes
  • Food packaging/marketing
  • Camouflage and military uniforms

These subdued yellow-browns work well when you want a warm, down-to-earth color without the vibrancy of pure yellow. They fit in nicely with earth tones and evoke natural materials like wood, leather, straw, sand and adobe.

Digital Design Applications

When designing digitally, keep in mind that RGB and CMYK color mixing behaves differently than pigment blending. But similar color theory principles still apply.

In RGB, mixing pure yellow (#FFFF00) with brown (#A52A2A) produces a solid mustard color. The yellow loses some luminance while the brown gains vibrancy – meeting closer to the middle as an earthy yellow-orange. Shifting the balance of the two colors enables nuanced control over the tone.

In CMYK, adding more brown to yellow requires increasing the cyan and black channels. Too much cyan risks shifting the color towards green though. The safest CMYK yellow-brown mixes use pure yellow with solid percentages of magenta and black.

Understanding these technical details of different color models helps ensure the desired digital effects when blending yellow and brown.

Conventional Symbolism

The muted yellow-browns formed by combining these two colors carry meanings shaped by both shades:

  • Yellow – joy, optimism, warning
  • Brown – earthiness, stability, rusticness, durability

Some symbolic associations with common yellow-brown hues include:

  • Mustard – energy, stimulation
  • Ochre – healing, calmness
  • Khaki – pragmatism, informality
  • Beige – neutrality, conservatism

But color meanings can vary widely across cultures and contexts. The specific connotations of a yellow-brown mix depend on its use and the observer’s own experiences.


Blending the primary color yellow with the tertiary color brown produces an array of softened, earthy tones. Brown mutes and desaturates the brightness of yellow, shifting it towards more neutral and natural hues. Adjusting the proportions and specific shades used results in different tan, olive and mustard colors. Yellow mixed with brown appears extensively across design and nature, often representing earthiness, antiquity and organicity.

Through an attentive approach considering color theory and technical requirements, you can blend yellow and brown to craft the perfect cozy, vintage or retro color scheme for your needs.