Mustard Yellow Color
Hex Code: #D4A017 · yellow
About Mustard Yellow
Mustard yellow is a rich, slightly muted version of yellow with warm golden and brownish undertones. Named after the condiment it resembles in color, mustard has none of the shrill brightness of pure yellow and instead carries a depth and warmth that makes it highly usable in sophisticated design contexts. Mustard yellow has been a recurring trend in both interior design and fashion since the 1960s.
Is Mustard Yellow Right for Your Project?
Choose Mustard Yellow for
Mustard yellow works brilliantly in boho design, autumn-themed content, and mid-century modern aesthetics. It pairs beautifully with navy blue, forest green, warm brown, and rust orange. Excellent for vintage-inspired branding, earthy lifestyle content, and warm editorial photography. It shows up in 4 palettes in Colortion's library spanning a cozy, playful range of moods.
Look elsewhere for
Somber, serious, or luxury contexts — yellow's brightness undercuts gravity and exclusivity. Browse all colors to find a hue with a better fit.
Mustard Yellow Tints & Shades
Lighter and darker variants of Mustard Yellow — useful for hover states, borders, and backgrounds that need to stay in the same color family.
Mustard Yellow Color Harmonies
Other hues computed from Mustard Yellow's position on the color wheel — a fast starting point for a palette built around this color.
Complementary
Analogous
Triadic
Tetradic
Color Palettes with Mustard Yellow
Colors That Go With Mustard Yellow
These colors complement Mustard Yellow beautifully in design projects.
How to Use Mustard Yellow in Design
Mustard yellow works brilliantly in boho design, autumn-themed content, and mid-century modern aesthetics. It pairs beautifully with navy blue, forest green, warm brown, and rust orange. Excellent for vintage-inspired branding, earthy lifestyle content, and warm editorial photography.
Yellows are the brightest hue family by default, so white text on them almost always fails contrast checks — plan for dark text instead. Use #D4A017 ( hsl(43, 80%, 46%)) directly in CSS or your design tool — for print, ask your printer for the closest CMYK or Pantone match before production.
Mustard Yellow is most often paired with Navy Blue and Forest Green. Start from #D4A017 in the Colortion generator and build outward from there rather than starting from scratch.
Similar Colors
All colorsHow Mustard Yellow Compares
Side-by-side hex, RGB, and lightness values against the closest colors in the library.
| Color | Hex | Lightness |
|---|---|---|
| Mustard Yellow (this page) | #D4A017 | 46% |
| Champagne | #F7E7CE | 89% |
| Burnt Orange | #CC5500 | 40% |
| Olive Green | #6B7C3C | 36% |
| Terracotta | #C46A3A | 50% |
| Coral | #FF6B6B | 71% |
Frequently Asked Questions
What is the hex code for Mustard Yellow?
The hex code for Mustard Yellow is #D4A017. The RGB value is rgb(212, 160, 23) and the HSL value is hsl(43, 80%, 46%).
What colors go with Mustard Yellow?
Mustard Yellow pairs well with Navy Blue, Forest Green — see the tints, shades, and comparison table below for exact values to build from.
What is Mustard Yellow used for in design?
Mustard yellow works brilliantly in boho design, autumn-themed content, and mid-century modern aesthetics. It pairs beautifully with navy blue, forest green, warm brown, and rust orange. Excellent for vintage-inspired branding, earthy lifestyle content, and warm editorial photography.