RAL and NCS values are nearest equivalents, not official designations.
In Western cultures, mustard symbolizes warmth and creativity, often associated with comfort food and homeliness. However, in some Eastern traditions, the color can signal caution or attention, reflecting its use in warning signs and safety equipment.
The term 'mustard' dates back to the 14th century, derived from the Old French 'moustarde,' which in turn came from the Latin 'mustum' (must). Mustard seeds have been cultivated for thousands of years, with references found in ancient Roman texts, showcasing their significance in early culinary practices.
Where the name and the color come from.
Mustard is named after the condiment, which is itself named after the ground seeds of the mustard plant. The color is a dark, earthy yellow with brown and green undertones — the muted gold of prepared mustard rather than bright lemon.
That dustiness is what makes mustard feel vintage and sophisticated. It is yellow with the brightness turned down, which is why it pairs so comfortably with deep, serious tones.
The places, brands and moments that shaped this color.
Mustard, with avocado and rust, formed the signature earthy palette of 1970s interiors and fashion — now thoroughly revived.
Mustard knitwear, coats and accessories are a fall staple, warm without the loudness of pure yellow.
From French's yellow to Dijon's ochre, the mustard jar fixed the color in everyday visual culture.
How it behaves in interiors, fashion and branding.
Mustard is a warm, earthy accent that adds richness and a retro note. In interiors it works on upholstery, cushions and walls, especially alongside teal, navy and grey, which let its gold glow. Used sparingly it brings energy; used broadly it creates a cozy, vintage mood.
In branding it signals warmth, craft and a hint of nostalgia, popular with food, lifestyle and heritage labels.
Curated combinations — and exactly why each one works.
Ranked by CIE76 ΔE — the perceptual distance from Mustard. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 29 Yellows →Nine steps of Mustard by lightness — from #85722E (darkest) to #FFECA8 (lightest). Click any to copy.
Sitting opposite Mustard at 227° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Mustard.
A 50–900 tonal scale with Mustard anchored at 500 — ready to drop into a design system. Click any step to copy.
Works well as text on dark backgrounds; fails on light.
Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.
Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.
color: #FFDB58; color-mix(in srgb, #FFDB58 70%, white) 47°, 65%, 100% 0, 14, 65, 0 16767832 #FFCC66 How Mustard appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.
Quick answers to the questions people ask about Mustard.
Navy and teal for cool contrast, charcoal and grey for grounding, burgundy and rust for a warm autumnal palette, and white or cream to lighten. Mustard also pairs strikingly with its complement, deep purple.
Warm. Mustard is a yellow darkened with brown and a touch of green, giving it an earthy warmth quite distinct from cool, lemony yellows.
Ochre is browner and more earthen (a natural pigment), gold is brighter and more metallic, and mustard sits between them — a muted, slightly green-brown yellow named after the condiment.