Color meaning

Mustard Yellow

Introducing Mustard Yellow (#E1AD01), a warm, golden shade. Its deep amber richness gives storefronts a retro, confident glow, while its high visibility makes it a strong pick for sale badges, seasonal banners, and vintage-leaning apparel and homeware brands.

#E1AD01HSL 46, 99%, 44%

Mustard Yellow code conversions

HEX
#E1AD01
RGB
rgb(225, 173, 1)
HSL
hsl(46, 99%, 44%)
HSB
hsb(46, 100%, 88%)
CMYK
cmyk(0%, 23%, 100%, 12%)

Mustard Yellow color harmonies

Analogous

Neighbors on the color wheel: a calm, low-contrast set that reads as one family.

Complementary

The hue directly opposite: maximum contrast for an accent that pops.

Split Complementary

The complement's two neighbors: strong contrast with less tension than a straight complement.

Triadic

Three hues evenly spaced: balanced and vivid without a single dominant color.

Tetradic

Two complementary pairs: a rich four-color scheme that needs one color to lead.

Square

Four hues evenly spaced: bold and balanced, best with one anchor and three accents.

Mustard Yellow contrast

Your catchy large text

Small body copy sitting on Mustard Yellow.

2.06:1White textAA failAAA fail

Your catchy large text

Small body copy sitting on Mustard Yellow.

9.15:1Black textAA passAAA pass

Mustard Yellow color variations

Shades

Mixed toward black: deeper steps for backgrounds and hover states.

Tints

Mixed toward white: softer steps for surfaces and disabled states.

Tones

Mixed toward gray: muted, sophisticated steps that lower the intensity.

Hues

Rotated around the wheel: related hues at the same lightness and saturation.

Related yellow colors

Golden Yellow

Mustard Yellow: frequently asked

What color is Mustard Yellow?

Mustard Yellow (#E1AD01) is a dark, golden yellow with a brown-tinged warmth. In e-commerce interfaces it reads as bold yet grounded, sitting between a bright amber and an earthy ochre.

What is the meaning of Mustard Yellow?

Mustard Yellow signals warmth, nostalgia, and playful confidence. Brands reach for it when they want customers to feel cheerful and at ease at the point of browsing home goods, food, or retro fashion.

How do I use Mustard Yellow (#E1AD01) in e-commerce design?

Use Mustard Yellow for promo badges, price accents, and highlight cards, and pair it with charcoal or deep navy to keep it legible. Reserve it for where attention should land, since large fills can overwhelm a product grid.

Using Mustard Yellow color codes

Copy Mustard Yellow (#E1AD01) in HEX, RGB, HSL, HSB, and CMYK below to match it across web store, app, and packaging.

Colors are just the start

See these colors at work in real, looping storefront captures. The whole library is free to browse.

Browse the librarySee pricing

Free to browse · Pro unlocks the MCP