Mustard Background
#FFDB58 · rgb(255, 219, 88)
About the mustard background
Mustard (#FFDB58) is yellow pulled toward earth — rgb(255, 219, 88) — giving it the condiment's muted warmth. It keeps yellow's optimism but swaps the shout for a vintage, grounded character.
It's a signature color of 70s revival design and cozy branding, pairing beautifully with burnt orange, olive, brown and cream for palettes that feel warm and nostalgic.
What to use a mustard background for
- 70s retro and vintage-inspired branding
- Cozy autumn campaigns and café branding
- Warm accent walls in interior-design mockups
- Earthy palettes with olive, rust and brown
How to use mustard in CSS
Copy the snippet below, or click any code chip on this page to grab a single value.
/* Full-page mustard background */
body {
margin: 0;
background-color: #FFDB58;
}
/* A single section or element */
.hero {
background-color: rgb(255, 219, 88);
} Mustard shades and tints
Click any swatch to copy it. Tints mix mustard with white; shades mix it with black.
Mustard background FAQ
What is mustard's hex code?
A widely used mustard yellow is #FFDB58 — rgb(255, 219, 88), or hsl(47, 100%, 67%). Variants exist, but this bright-yet-earthy value is the standard reference.
Does mustard work with white text?
White on #FFDB58 measures only about 1.4:1 — not accessible. Use black text instead, which reaches about 15.5:1 and passes every WCAG level.
What is the hex code for mustard?
Mustard is #FFDB58 in hexadecimal, rgb(255, 219, 88) in RGB and hsl(47, 100%, 67%) in HSL. Paste #FFDB58 into any CSS background-color property to use it.
How do I set a mustard background in CSS?
Add background-color: #FFDB58; to any element, or apply it to the whole page: body { background-color: #FFDB58; margin: 0; }. You can also use the CSS keyword or the rgb() form — rgb(255, 219, 88) — with identical results.