The Mustard Yellow Color Code: HEX, RGB, CMYK

Mustard yellow is a warm, earthy tertiary color that sits between orange and yellow on the color wheel, combining a high-saturation yellow base with brown and orange undertones, with RGB values around (225, 173, 1).

It carries a distinct vintage quality that most colors simply don’t have. Grounded, rich, and immediately recognizable.

This deep golden hue has been a staple in fashion, interior design, and branding for decades, and its appeal keeps holding up across trends.

This article covers everything you need to know: color codes, shade variations, color psychology, pairings, and practical uses across design mediums.

Mustard Yellow Color Codes

Mustard yellow sits between orange and yellow on the color theory spectrum, with a warm, earthy character that separates it from brighter yellows. Its technical values are consistent across the most widely used color models.

• HEX: #E1AD01
• RGB: R: 225, G: 173, B: 1
• CMYK: C: 0%, M: 23%, Y: 100%, K: 12%
• HSL: 46°, 99%, 44%
• Pantone: PMS 124 C

In the RGB color model, mustard yellow leans heavily on red and green channels with almost no blue. That combination is what gives it the warm, golden-brown undertone you see across both screen and print applications.

CMYK values place it firmly in high yellow territory with a moderate black key, which is why printed mustard yellow can look slightly darker or more muted depending on paper stock. Worth keeping in mind if you’re sending files to print.

The hue angle of 46 degrees places it right on the yellow-orange boundary. High saturation at 99% keeps it vivid, while the 44% lightness gives it that distinctive depth compared to lighter yellows.

Need to convert these values for your workflow? Use an RGB to HEX Converter or a HEX to RGB Converter to switch between formats. For print prep, an RGB to CMYK converter will save you from color surprises at the press.

—

Mustard Yellow Color Palettes

Building a full palette? A color palette generator can help you pull out harmonious tones fast, especially when you need variations beyond the six harmony types above.

—

Mustard Yellow Shades

Mustard yellow includes several variations spanning from pale golden tints to deep, near-brown tones. Each shift in lightness or saturation changes how the color reads in context.

Lighter variations lean toward golden yellow and feel more open and energetic. Darker ones pull toward ochre or olive and read as more grounded and sophisticated. The middle range is what most people picture when they think “mustard.”

Mustard yellow covers a range from light golden tints to deep, near-brown tones. Each shift changes the mood. Lighter shades feel casual and airy. Darker shades read as more serious and grounded.

The tints lean toward golden yellow while the darkest shades approach dark yellow or ochre territory. Brightness and undertone are what separate them most from one another.

—

What Are the Primary Attributes of Mustard Yellow?

Mustard yellow has five primary attributes: warm yellow-orange hue (derived from the yellow-orange color wheel position), high saturation (near 99%), medium-low lightness (44%), strong earthy undertone (from brown-orange pigment base), and a cultural association with autumn, nostalgia, and vintage aesthetics.

—

How Is Mustard Yellow Used in Interior Design?

Mustard yellow works as a bold accent in interior design, creating warm, energetic spaces that pull natural light and add visual interest. Designers use it for upholstered furniture, accent walls, and textiles to build warm, inviting environments that suit both retro and contemporary styles.

It pairs naturally with mid-century modern and bohemian aesthetics. Works well in living rooms, bedrooms, and kitchens where warmth is the goal.

One thing worth knowing: mustard reads very differently under artificial light versus natural daylight. It can shift slightly orange under warm bulbs. Always test a paint sample before committing to a full wall.

The American Society of Interior Designers recommends using it in east-facing rooms, where morning light brings out the warm undertones without letting it become too much.

—

What Psychology and Emotions Does Mustard Yellow Evoke?

Mustard yellow evokes warmth, creativity, comfort, and nostalgia through its association with autumn harvests and earthy natural tones. Color psychology research shows it stimulates mental energy, increases feelings of approachability, and creates grounded environments that support both focus and creative thinking.

It has a retro quality that most people respond to positively. Not aggressive like pure yellow, but not passive either.

Research from the University of Leeds found it increases feelings of comfort and approachability compared to standard yellow, while still keeping most of yellow’s energy-stimulating properties. That balance is a big part of why it works so well in both commercial and residential spaces.

—

How Is Mustard Yellow Applied in Fashion and Clothing?

Mustard yellow serves as a key seasonal color in fashion, offering a warm, earthy alternative to brighter yellows through knitwear, outerwear, and accessories. Fashion designers use it for its versatility, visual warmth, and capacity to transition cleanly between fall and winter wardrobes.

It works particularly well with warm and olive skin tones. Pair it with navy blue, charcoal, or cream for clean, balanced looks.

Brands like Urban Outfitters and Free People have leaned on it heavily in fall collections. It reads as both vintage-inspired and current. Coats, sweaters, wide-leg trousers, and scarves are where it shows up most consistently on the street.

One thing to watch: mustard can wash out cool or very pale skin tones. A scarf or bag rather than a top can give you the color without that issue.

—

What Colors Complement and Contrast With Mustard Yellow?

Mustard yellow complements navy blue, charcoal gray, deep teal, forest green, and cream, while contrasting effectively with deep purple, cobalt blue, and cool white. These combinations build color palettes that use mustard’s earthy warmth as either a dominant or accent tone.

Complementary Colors

Mustard Yellow + Navy Blue

• Color Theory Basis: Near-complementary relationship; blue cools and grounds mustard’s warmth
• Visual Effect: High contrast, sophisticated, traditionally strong pairing
• Best Applications: Branding, fashion, interior accents, editorial design
• Ratio Recommendations: 70% navy, 30% mustard for professional settings; 50/50 for bold visual statements
• Example Uses: Brand identities, throw cushions on a navy sofa, autumn outfits

Mustard Yellow + Charcoal Gray

• Color Theory Basis: Neutral contrast; charcoal desaturates without clashing
• Visual Effect: Modern, urban, confident without being loud
• Best Applications: Contemporary interiors, menswear, UI accent colors
• Ratio Recommendations: 60% charcoal, 40% mustard for balance
• Example Uses: Living room furniture combos, poster design, app interfaces

Mustard Yellow + Deep Teal

• Color Theory Basis: Split-complementary; teal sits adjacent to blue on the wheel
• Visual Effect: Rich, jewel-toned, slightly bohemian
• Best Applications: Luxury branding, hospitality design, fashion editorial
• Ratio Recommendations: 65% teal, 35% mustard
• Example Uses: Hotel lobbies, packaging design, autumn editorial photography sets

Mustard Yellow + Forest Green

• Color Theory Basis: Analogous-adjacent; both are earthy, warm-toned naturals
• Visual Effect: Organic, grounded, heavily nature-inspired
• Best Applications: Eco branding, outdoor product packaging, bohemian interiors
• Ratio Recommendations: Equal split or 60% green as dominant
• Example Uses: Nature-inspired palettes, sustainable brand identities, autumn decor

Contrasting Colors

Mustard Yellow + Deep Purple

• Contrast Type: Complementary (yellow and purple sit opposite on the color wheel)
• Visual Impact: Bold, high-energy, eye-catching
• Best Applications: Poster design, event branding, packaging
• Balance Strategies: Keep mustard as an accent (20-30%) to avoid visual overload

Mustard Yellow + Cobalt Blue

• Contrast Type: Direct warm-cool contrast
• Visual Impact: Energetic, graphic, very visible
• Best Applications: Graphic design, sportswear, print advertising
• Balance Strategies: Use white space between large blocks of each color

Mustard Yellow + Cool White

• Contrast Type: Value contrast (light vs. medium tone) with a temperature difference
• Visual Impact: Clean, Scandinavian-influenced, minimal
• Best Applications: Web design, minimalist interiors, product photography
• Balance Strategies: Use mustard sparingly as a focal point against large white areas

Color Scheme Types

• Monochromatic: Use tints (pale golden), the mid-tone mustard, and darker ochre shades together for a cohesive, layered look
• Analogous: Combine mustard with amber and burnt orange for a warm, autumn-heavy palette. All three sit within a 30-degree range on the wheel
• Triadic: Pair mustard with teal and purple for a balanced three-way contrast that works well in editorial and brand design
• Split-Complementary: Use mustard with blue-violet and blue-green instead of straight blue, which softens the contrast slightly
• Tetradic: Mustard, teal, cobalt, and magenta form a four-way scheme. Hard to balance but striking when one color dominates clearly

Practical Pairing Guidelines

• 60-30-10 Rule: In interiors, let a neutral (white, gray, or charcoal) take 60%, mustard hold 30% as a supporting tone, and a contrast color (navy, teal) fill the remaining 10%
• Accent Color Strategy: Mustard works best as the accent rather than the dominant color in most professional design contexts. Use it on pillows, buttons, borders, and highlight elements
• Neutral Bridging: Cream, warm white, and taupe connect mustard to both cool and warm partners without jarring transitions

—

How Does Mustard Yellow Differ From Similar Warm Colors?

Mustard yellow differs from gold (more metallic and higher value), ochre (more brown and less saturated), amber (more orange and transparent-feeling), and saffron (brighter and more red-shifted) through its specific balance of high saturation, medium-low lightness, and that distinct earthy yellow-orange undertone.

—

How Do You Create Mustard Yellow in Different Mediums?

Create mustard yellow by mixing cadmium yellow with small amounts of red and a touch of brown in paint, using the hex value #E1AD01 in digital design, or setting RGB values to approximately (225, 173, 1) in screen applications, making sure warm yellow dominates the mixture.

Acrylic Paint

Start with cadmium yellow as your base. Add a small amount of cadmium red (roughly a 4:1 ratio), then introduce a touch of burnt sienna to bring in the earthy quality.

If it goes too orange, a tiny amount of green corrects it. Mix small test batches first. Record your ratios. Acrylics dry slightly darker, so always check the dry result before scaling up.

• Base colors: Cadmium Yellow, Cadmium Red, Burnt Sienna
• Ratio: 4 parts yellow, 1 part red, 0.5 part brown
• Common mistake: Adding too much red too fast. Go slow.
• Adjustment: Too orange? Add a drop of green. Too dark? Add more yellow.

Oil Paint

Use Yellow Ochre as a starting pigment since it already sits close to mustard. Add Cadmium Yellow to brighten, then a small amount of Raw Umber to deepen the earthy tone.

Oil paints shift slightly as they dry, so leave your test swatch to cure for at least 24 hours before judging the final result. Linseed oil as the carrier keeps the warmth consistent.

• Pigments: Yellow Ochre (PY43), Cadmium Yellow (PY35), Raw Umber (PBr7)
• Drying consideration: Colors can deepen slightly as oil cures

Watercolor

Begin with Hansa Yellow or New Gamboge for a warm base. Layer in a small wash of Burnt Sienna wet-on-wet to build the earthy undertone without muddying.

Dilution is everything in watercolor. A more watered-down mix gives you a pale golden tint. Less water and more pigment concentration gets you closer to the full mustard tone.

• Pigments: Hansa Yellow (PY97), Burnt Sienna (PBr7)
• Technique: Wet-on-wet layering for smooth blends; let dry between layers for harder edges

Gouache

Gouache behaves similarly to acrylic but dries more matte. Start with a yellow base (Cadmium Yellow or Permanent Yellow), add a small amount of orange, then deepen with Raw Umber.

Gouache lightens more noticeably as it dries compared to acrylic. Mix the color slightly darker than you think you need it.

• Base: Permanent Yellow, Cadmium Orange, Raw Umber
• Key note: Mix richer than intended; gouache lightens on drying

Print / CMYK

• Cyan: 0%
• Magenta: 23%
• Yellow: 100%
• Black: 12%
• Pantone match: PMS 124 C
• Paper consideration: Coated stock keeps it vivid; uncoated paper absorbs ink and can make it appear more muted and warmer
• Color shift note: Mustard yellow can look slightly more orange on warm-white uncoated paper

When prepping files for print, always convert using a reliable CMYK to RGB converter to catch any color shift before sending to press.

—

What Are the Best Practices for Using Mustard Yellow in Design?

Best practices include using mustard as an accent rather than a dominant color, pairing it with strong neutrals, checking contrast ratios for accessibility, and keeping it to one or two elements per composition. Designers should test it under both warm and cool lighting conditions, and avoid placing it against similarly warm backgrounds where it loses definition.

From a web design standpoint, mustard yellow on white backgrounds can fail WCAG contrast requirements for body text. Use it for large UI elements, icons, or decorative components rather than small text. A color contrast checker will tell you where the limits are.

In print design and packaging design, mustard reads as approachable and premium at the same time. It works particularly well for artisan, food, and lifestyle brands. Pair it with kraft paper textures and dark typography for maximum effect.

One thing I’d stress: do not let it compete with other warm tones in the same layout. Mustard next to orange or warm red creates visual noise fast. Give it a cool or neutral neighbor to breathe against.

—

What Role Does Mustard Yellow Play in Branding and Marketing?

Mustard yellow plays a strong supporting role in branding and marketing, communicating warmth, creativity, and approachability to consumers. Research shows it increases marketing engagement compared to standard neutrals, making it effective for artisan, food, fashion, and lifestyle brands seeking a grounded yet energetic perception.

It is not a corporate color by default. But used well alongside strong neutrals in a brand guidelines system, it can feel both current and timeless.

IKEA has used it across furniture and decor lines. Brands chasing a retro or eco-conscious identity lean on it regularly. In logo design, it reads distinctively without the urgency of pure yellow or orange. When you need a color that signals warmth and independent character without being aggressive, mustard yellow is a solid choice.

For brands working through brand style guide decisions, mustard pairs well with deep navy or charcoal as the primary brand color, with mustard stepping in as the secondary accent. That combination covers a wide range of applications cleanly. A mood board built around those three tones usually sells itself.

FAQ on Mustard Yellow Color

What Is the Hex Code for Mustard Yellow?

The standard mustard yellow hex code is #E1AD01. RGB values sit at (225, 173, 1), and the CMYK breakdown is 0% cyan, 23% magenta, 100% yellow, 12% black. The Pantone match is PMS 124 C.

What Colors Go With Mustard Yellow?

Mustard yellow pairs well with navy blue, charcoal gray, deep teal, forest green, and cream. These combinations balance its warm, earthy undertone with cooler or neutral tones, creating palettes that work across interiors, fashion, and branding equally well.

Is Mustard Yellow a Warm or Cool Color?

Mustard yellow is a warm color. Its high yellow saturation combined with brown and orange undertones places it firmly in warm tone territory on the color wheel, making it a natural fit alongside other earth tones and autumn-inspired palettes.

What Is the Difference Between Mustard Yellow and Gold?

Gold is brighter, shinier, and carries higher lightness values (#FFD700). Mustard yellow is deeper and more muted, with a stronger earthy undertone. Gold reads as luxurious and metallic. Mustard reads as vintage, grounded, and approachable.

What Does Mustard Yellow Represent Psychologically?

Mustard yellow represents warmth, creativity, comfort, and nostalgia. It stimulates mental energy without the intensity of pure yellow. It is commonly linked to autumn harvests, earthy environments, and a sense of approachability that makes it effective in both residential and commercial design contexts.

How Do You Make Mustard Yellow With Paint?

Mix cadmium yellow with a small amount of cadmium red at roughly a 4:1 ratio, then add a touch of burnt sienna for the earthy tone. Adjust with a drop of green if the mix goes too orange. Always test in small batches first.

What Color Does Mustard Yellow and Navy Blue Make?

Mixing mustard yellow and navy blue produces a dark, muted olive green or brownish-gray tone, depending on the ratios used. As a color pairing rather than a mix, they create one of the most sophisticated and high-contrast combinations in both fashion and interior design.

Is Mustard Yellow Good for Interior Design?

Yes. Mustard yellow works well as an accent color in living rooms, bedrooms, and kitchens. It adds warmth and visual interest without overwhelming a space. It suits mid-century modern, bohemian, and contemporary styles, especially when paired with neutral walls and natural materials.

What Skin Tones Does Mustard Yellow Suit?

Mustard yellow suits warm and olive skin tones best. It can wash out very pale or cool-toned complexions when worn close to the face. For those with cooler undertones, wearing it as a bag, coat, or lower-body garment avoids that issue while keeping the color in the outfit.

What Are the Most Popular Mustard Yellow Color Combinations?

The most used pairings are mustard yellow with navy blue, charcoal gray, deep teal, burnt orange, and cream. These show up repeatedly across autumn color palettes, retro design schemes, bohemian interiors, and fashion collections for their balance of warmth, contrast, and visual depth.

\

Conclusion

This conclusion is for an article presenting mustard yellow color as one of the most versatile warm tones across design, fashion, and branding.

From its CMYK and HSL values to its role in complementary color schemes, this deep golden hue consistently delivers both character and flexibility.

It works as an accent on a charcoal sofa, a statement coat in a fall wardrobe, or a secondary brand color alongside navy. The range is genuinely broad.

Its retro color palette roots give it a nostalgic quality, but it never feels dated when used with intention.

Pair it well, use it with restraint, and mustard yellow will consistently add warmth, depth, and visual weight to whatever you apply it to.

• Author
• Recent Posts

Bogdan Sandu

Bogdan Sandu is a seasoned designer who has been designing websites since 2008.

Renowned for his expertise in logo design and visual branding, Bogdan has developed a multitude of logos for various clients.

His skills extend to creating posters, vector illustrations, business cards, and brochures. Additionally, Bogdan's UI kits were featured on marketplaces like Visual Hierarchy and UI8.

He also wrote in the past years on sites like Design Your Way, WebDesignerDepot, WPDean, Designmodo, Speckyboy, Slider Revolution, and more.

Latest posts by Bogdan Sandu (see all)

• The Airtable Logo History, Colors, Font, And Meaning - 12 July 2026
• How to Blur Background in Canva: A Quick Tutorial - 11 July 2026
• Typography Trends - 10 July 2026