Mustard Yellow
A punchy, energetic gold with warmth
Mustard Yellow is a bright, warm gold that leans into a saturated, energetic hue. The hex code for this color is #e1ad01. It works best as a punchy accent rather than a background, as its intensity can overwhelm the eye in large areas. Pair it with deep charcoal or slate gray to ground the spontaneity, and use black text for perfect readability.
About Mustard Yellow
Honey warmed in a cast iron pan
What does mustard yellow mean?
It often means appetite, caution, and retro cheer, from ballpark condiments to 1970s kitchens and roadside signage. Its low lightness keeps it earthy, but the strong saturation makes it glow, so it reads warm, mellow, and alert.
Where you see mustard yellow
- ballpark mustard bottles
- honey jars
- beekeeper suits
- vintage refrigerators
- sports pennants
- rain slickers
What it works for
It works for kitchen accents, retro packaging, autumn textiles, and buttons that need heat without tipping into neon.
What colors go with mustard yellow?
Deep Teal #00555aThe cool blue green undercuts the yellow's heat and keeps the pair from feeling loud.Burgundy #800020Both colors share a low lightness, so the contrast comes from hue instead of brightness.Charcoal #36454fNear black text and details let the yellow carry all the color in the layout.Olive Green #808000The muted green shares its earthy depth, which suits autumn palettes and military inspired designs.Dusty Pink #d58a94The soft pink calms the yellow's sharpness and gives the pair a retro, friendly feel.Navy #000080This classic sports pairing balances bright warmth against a dark, steady anchor.
Questions about Mustard Yellow
What is the hex code for Mustard Yellow?
Mustard Yellow is #e1ad01. In RGB that is rgb(225, 173, 1), in HSL hsl(46, 99%, 44%) and in CMYK 0%, 23%, 100%, 12%.
Is #e1ad01 Mustard Yellow suitable for text?
This shade is generally too light and saturated to be used as body text on white backgrounds. It should only be used as a large-scale, bold accent color or a highlight to maintain WCAG accessibility standards for readability.
Is Mustard Yellow readable on white or black?
Mustard Yellow has a 2.06:1 contrast ratio on white and 10.17:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.