Mustard Yellow

The color of spicy mustard sauce, steady with a unique pungency

HEX#FFDB58
RGBrgb(255, 219, 88)
HSLhsl(47, 100%, 67%)
HSVhsv(47, 65%, 100%)
CMYKcmyk(0%, 14%, 65%, 0%)
HEXA#FFDB58FF
RGBArgba(255, 219, 88, 1)
HSLAhsla(47, 100%, 67%, 1)
OKLCHoklch(94.6%, 0.101, 98)
LCHlch(94%, 38.7, 110)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#FF8657
Copy
#FFDB58
Copy
#CFFF57
Triadic3 hues spaced 120° apart
Copy
#FFDB58
Copy
#57FFDB
Copy
#DB57FF
Split ComplementaryMain color + colors adjacent to its complement
Copy
#FFDB58
Copy
#57CFFF
Copy
#8657FF
Complementary2 hues spaced 180° apart
Copy
#FFDB58
Copy
#577BFF
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#FFDB58
Copy
#57FF86
Copy
#577BFF
Copy
#FF57CF
MonochromaticSingle hue with varying saturation and lightness
Copy
#8A6C00
Copy
#F0BC00
Copy
#FFDB58
Copy
#FFF1BD
Copy
#FFFFFF

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#574400Ratio 7:1AAA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#4D6B00Ratio 4.5:1AA
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#209400Ratio 2.9:1Fail
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#00B38CRatio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#665000Copy
#8F7000Copy
#B89000Copy
#E0B000Copy
#FFC905Copy
#FFD22ECopy
#FFDB57Copy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#CDBE89Copy
#D5C381Copy
#DDC778Copy
#E6CC70Copy
#EED168Copy
#F7D65FCopy
#FFDB57Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#423C24Copy
#655829Copy
#8C772BCopy
#B99A27Copy
#E2B922Copy
#F2CB3ACopy
#FFDB57Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#FFB057Copy
#FFBE57Copy
#FFCD57Copy
#FFDB57Copy
#FFE957Copy
#FFF757Copy
#F9FF57Copy

💡 Use Cases

🧥

Autumn/Winter Coats

A mustard yellow wool coat paired with dark brown leather boots is a fall/winter classic. The warm color system maintains a low profile in a gray street scene but never drowns in the crowd.

🛋️

Vintage Sofas

A mustard yellow velvet sofa is the star of a living room. A brass floor lamp shining from the side makes the entire corner exude the old soul of the 1970s.

📦

Brand Packaging

Indie coffee bean and handmade soap brands love using mustard yellow labels, conveying a message of handcrafted warmth and natural ingredients, distinguishing them from industrial production.

🍽️

Tableware Accents

Coarse ceramic tableware glazed in mustard yellow, serving white bisque or dark stews. The color contrast on the dining table forms a still-life oil painting.

📜 Origin & History

The origin of mustard yellow is in the kitchens of Ancient Rome. Romans crushed mustard seeds and mixed them with grape must to make the original mustard sauce. This spicy condiment's color, between yellow and brown, was recorded by the gourmet Apicius in 'De Re Coquinaria' and was a must-have on a Roman aristocrat's table.

In the Middle Ages, Dijon became the capital of mustard. The Dijon monastery in the Burgundy region of France improved the recipe, using unripe grape juice instead of vinegar, resulting in a brighter, fuller mustard color. Dijon mustard yellow became a signature color of French gastronomy, representing a refinement and pride in seasoning.

In the 18th century, the British textile industry introduced mustard yellow into clothing. In Manchester during the Industrial Revolution, dye works mixed turmeric and zhe tree wood to dye a durable and distinctive mustard yellow fabric. It quickly became a popular color for vests and skirts among the middle class, considered more steady and appropriate than bright yellow.

In the mid-20th century, mustard yellow rose to prominence in interior design. Post-war modernism grew tired of minimalist pure white, and designers sought inspiration from food. A mustard yellow sofa paired with teak furniture became a standard feature of the 1960s middle-class living room—warm but not loud.

A contemporary vintage trend has made mustard yellow popular again. Nordic design brands use this color extensively. Softer than turmeric and more characterful than earthy yellow, it perfectly balances the gap between cold minimalism and overly sweet country style.

🧠 Color Psychology

Dependable and ReliableMuch more steady than bright yellow, it's as comfortable as a well-worn pair of canvas shoes. It doesn't demand attention or shout, but you know it's always there.
Personal ExpressionPeople who choose mustard yellow usually don't want to blend in completely, nor do they want to be too conspicuous. It's a taste with a threshold, understood only by those who get it.
Warm and UnpretentiousIt has an inherent handcrafted and natural feel, like pumpkin soup in a coarse ceramic bowl. There's no distance; it invites you to hold it and savor it slowly.
Vintage IntellectThe memory mark of the 1970s is branded on this color—the sleeves of rock vinyl records, grandpa's corduroy pants—suffused with the nostalgia of an intellectual.
Subtly SpicyTrue to its name, a little stimulation hides within the mildness. It's not boring when used in large areas; that hint of pungency brings a space to life.
Tolerant and VersatileIt's the best supporting player in the yellow family. Whether paired with navy, dark green, or burgundy, it coexists harmoniously, silently setting off the brilliance of other colors.