Which mustard?
The most widely used HEX for “mustard” on the web is #FFDB58 (rgb(255, 219, 88)), a warm, creamy yellow with a slight lean toward orange. It is not a CSS named color; it comes from popular color-name lists. In fashion and interiors, though, “mustard” usually means a much deeper shade, somewhere between yellow and ochre, closer to the condiment in the jar. If you are matching a website to a mustard sweater or sofa, you will probably need to darken it. Photograph the item in natural light and use the image color picker to grab the real HEX.
A yellow with retro baggage
Where pure yellow feels cheerful and urgent, mustard reads as more mature, cozy and autumnal. It is strongly associated with 1960s and ’70s design, wood furniture and geometric prints, and it returns to fashion collections in cycles. These associations are Western and generational: to someone who didn’t grow up with that aesthetic, mustard may simply look like “a subdued yellow.”
Applications and pairings
In interiors, it works on armchairs, cushions and curtains, especially next to dark wood and gray. In fashion, mustard sweaters, coats and scarves flatter warm undertones and go with denim, brown and green. In branding, it helps coffee shops, bakeries, bookstores and vintage design studios signal warmth without the childlike feel of pure yellow. Pairings that work:
- Charcoal gray (
#36454F): the most versatile duo, modern and balanced. - Navy blue (
#000080): near-complementary, strong and classic. - Marsala (
#955251): an earthy fall palette. - Teal (
#008080): a retro pairing common in prints.
Mustard on screen: watch out
#FFDB58 has a contrast ratio of just 1.35:1 with white, so never set mustard text on white or white text on mustard. On top of it, use black or charcoal (above 15:1 with black). If you need a readable “mustard” as a text color on a light background, darken it to something like #8A6D00, which lands near 5:1. In dark mode, the original shade works well as an accent. Test it in the contrast checker.