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.
| HEX | #E1AD01 | |
|---|---|---|
| RGB | rgb(225, 173, 1) | |
| HSL | hsl(46, 99%, 44%) | |
| HSV | hsv(46, 100%, 88%) | |
| CMYK | cmyk(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.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
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
Shades
Mustard Yellow color schemes
Color-wheel harmonies built by rotating the hue of #E1AD01 and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
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.