Mustard Yellow #E1AD01

Mustard yellow is a deep, warm yellow with a slightly brownish edge, hex code #E1AD01. It is darker and less sunny than pure yellow, with strong but earthy saturation. It looks like the condiment, and many people link it with 1970s interiors, autumn clothing, and vintage style.

Mustard yellow has no fixed standard and no CSS keyword. Published values range from darker shades like #E1AD01 to lighter, creamier ones.

Mustard Yellow color codes
HEX#E1AD01
RGBrgb(225, 173, 1)
HSLhsl(46, 99%, 44%)
HSVhsv(46, 100%, 88%)
CMYKcmyk(0%, 23%, 100%, 12%)

Text on Mustard Yellow

Black text reads better on Mustard Yellow. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.

White text

The quick brown fox jumps over the lazy dog.

2.06:1 · Fail
Black text

The quick brown fox jumps over the lazy dog.

10.17:1 · AAA

Colors that go with Mustard Yellow

Mustard Yellow tints and shades

Tints mix Mustard Yellow with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.

Tints

#E6B927
#EAC64D
#EFD273
#F3DE99
#F8EBC0

Shades

#BF9301
#9E7901
#7C5F01
#5A4500
#382B00

Mustard Yellow color schemes

Color-wheel harmonies built by rotating the hue of #E1AD01 and keeping its saturation and lightness.

Complementary

#E1AD01
#0135E1

Analogous

#E13D01
#E1AD01
#A5E101

Triadic

#E1AD01
#01E1AD
#AD01E1

Split complementary

#E1AD01
#01A5E1
#3D01E1

Tetradic

#E1AD01
#01E13D
#0135E1
#E101A5

Mustard Yellow color meaning

Mustard is yellow with the brightness turned down. It keeps yellow's warmth and good humor and drops the warning-sign energy, so it feels relaxed and a bit nostalgic. Designers reach for it when they want a yellow that feels grown-up.

Much of that nostalgia comes from 1960s and 1970s design, when mustard and harvest gold showed up on sofas, kitchen tiles, and appliances next to avocado green and burnt orange. When it returns in fashion, it tends to bring some of that retro mood along.

Its earthiness also ties it to autumn: fallen leaves, knitwear, and harvest colors. Few cultural rules attach to mustard specifically, so people mostly read it through the general meanings of yellow, softened by the brown. In fashion it is a regular autumn color for coats, sweaters, and scarves.

How to use Mustard Yellow in design

Mustard works for brands that want warmth without looking childish: coffee, food, furniture, bookshops, and lifestyle labels. On the web it makes a strong accent against navy, charcoal, or cream, and it holds attention in social posts without glaring. Black, navy, or deep brown text is readable on it; white text is not. In fashion, mustard knits and coats suit fall palettes and look good with denim, gray, and olive. In interiors, a mustard armchair or a few cushions add color to a neutral room without taking it over.

Palettes with Mustard Yellow tones

Curated palettes with a color close to #E1AD01.

Colors similar to Mustard Yellow

Work with Mustard Yellow

Mustard Yellow FAQ

What is the difference between mustard yellow and ochre?

Ochre is more orange and browner, named after an earth pigment, while mustard yellow is clearly a yellow, just a deep and slightly muted one. Put them together and ochre looks like dried clay and mustard looks like the condiment. Both suit autumn palettes, and they can work side by side.

Does mustard yellow go with gray?

Yes, and it's one of the easiest pairings for mustard. Gray is neutral and slightly cool, so it lets mustard be the warm accent without competing. Light gray feels fresh and Scandinavian, while charcoal makes the combination more graphic and modern. Add white or cream to keep it from feeling heavy.