UI Shades

A study in yellow

Mustard

#FFDB58

Family
Yellow
L
0.898
C
0.151
H
94°

Notes

Mustard is the curated deep yellow named after the condiment. The hex is more saturated than CSS Khaki and warmer than Goldenrod, with strong harvest associations. Editorial, food, and heritage brands use it as a primary accent or display heading colour. Pair with deep navy for type, or with cream and brass for warm autumn palettes. Against white it carries enough contrast for headlines but is borderline for body text - AA passes only at 18px and above; smaller text in Mustard against white will appear washed out and lose legibility quickly.

#ffdb58
Mustard
Mustard
#ffdb58
oklch(0.898 0.151 93.66)
rgb(255 219 88)
hsl(47.1 100% 67.3%)
Share
#fffad5
#fff4b5
#ffdb58
#ffcf00
#dab000
#aa8700
#8d7000
#745b00
#554100
#3b2b00
#201600

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Mustard

Cross-reference
Q&A

Frequently asked questions

What is Mustard?

Mustard is the curated deep yellow named after the condiment. The hex is more saturated than CSS Khaki and warmer than Goldenrod, with strong harvest associations. Its hex code is #FFDB58.

What are the tints and shades of Mustard?

uishades builds an 11-step OKLCH ramp for Mustard (#FFDB58) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Mustard?

Its complementary color is #CEDBFF. Triadic partners are #72F2FF and #FFC1FD; analogous neighbours are #C9EE78 and #FFD098.

What are the OKLCH and RGB values of Mustard?

Mustard is #FFDB58 - OKLCH 0.898 0.151 94°, rgb(255 219 88), in the yellow family.