Mustard

Mustard is yellow with the volume lowered and the taste raised: retro kitchens, editorial highlights, workwear brands. It pairs beautifully with navy and chocolate.

editorial highlightsretro brandspackaging

Values in every format

HEX: #e1ad01
RGB: rgb(225, 173, 1)
HSL: hsl(46, 99%, 44%)
OKLCH: oklch(0.774 0.158 86.8)
CMYK: cmyk(0%, 23.1%, 99.6%, 11.8%)

Hue family: Yellow · closest CSS name: goldenrod. Convert this color

Perceptual shade scale

Eleven even steps from 50 to 950, computed in OKLCH — the starred stop is #E1AD01 itself.

50#fff7e4
100#ffebbf
200#fcdb8f
300#f0c663
400 ★#e1ad01
500#bf9200
600#a27b00
700#836400
800#684e00
900#4f3b00
950#322400

Build a full system from #E1AD01

Harmonies with mustard

Complementary

Maximum contrast — use one side for action, the other sparingly.

#e1ad01 #0135e1

Analogous

Neighbors on the wheel — calm, cohesive, hard to get wrong.

#e13d01 #e1ad01 #a5e101

Triadic

Three evenly spaced hues — vibrant, needs one clear leader.

#e1ad01 #01e1ad #ad01e1

Measured contrast

on white2.06:1 · fails AA

on black10.18:1 · AA normal ✓

Check your own pairs