Mustard colour
A deep, brownish-gold yellow named after the condiment. Richer and earthier than bright yellow, it is a staple of vintage and autumn palettes.
Mustard colour codes
Complementary palette
Triad palette
Monochromatic palette
Lighter tints
Darker shades
About mustard
A deep, brownish-gold yellow named after the condiment. Richer and earthier than bright yellow, it is a staple of vintage and autumn palettes. The value shown here (#E1AD01) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.
Palettes that work with mustard
The complementary colour (#0135E1) sits opposite mustard on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.
Using mustard in your design
For CSS, paste #E1AD01 or the oklch(0.77 0.16 87) value, or download the ready-made mustard.css file above — it includes a full 50–950 token scale. Always check contrast before using mustard behind text.