Earthy combinationsRetro contrast
Mustard and Navy Color Combination
Navy stops a warm mustard from shouting, and mustard stops navy from disappearing — a complementary-style jolt with an earthy feel.
Hex codes #FFDB58 and #000080 — a retro contrast pair with a 11.84:1 contrast ratio between the two colors.
Values for this combination
- RGB
- rgb(255, 219, 88)
- HSL
- hsl(47, 100%, 67%)
- Hex
- #FFDB58
- RGB
- rgb(0, 0, 128)
- HSL
- hsl(240, 100%, 25%)
- Hex
- #000080
Contrast between Mustard and Navy
Contrast ratio 11.84:1. This only decides whether one color of the pair can carry text on the other — the colors themselves always work side by side.
Navy text on a Mustard surface, at 11.84:1.
Mustard text on a Navy surface, at 11.84:1.
Where this pair works
- Retro branding
- Textile patterns
- Sports clubs
Give Mustard (#FFDB58) roughly 60% of the surface, Navy (#000080) about 30%, and leave the last 10% for the neutral below. That split is what keeps a two-color combination from turning into a fight.
A five-color set from this pair
Mustard and Navy as a working palette: a pale tint of the lighter color for backgrounds, both colors as they are, a deep shade of the darker color for text and a neutral for everything in between.
- Pale tint#faf4e1backgrounds and large surfaces · closest to OldLace
- Primary#FFDB58the dominant color · closest to Mustard
- Secondary#000080the accent color · closest to Navy
- Deep shade#00004dtext, borders and icons · closest to OxfordBlue
- Neutral#f6f5f4dividers and quiet surfaces · closest to WhiteSmoke
Explore Mustard and Navy on their own
Mustard
More color combinations
Navy and White
#000080 · #FFFFFFCorporate and calmOpen combinationNavy and Gray
#000080 · #808080Layered neutralsOpen combinationNavy and SkyBlue
#000080 · #87CEEBTrusted rangeOpen combinationTeal and Navy
#008080 · #000080Nautical depthOpen combinationOlive and Mustard
#808000 · #FFDB58Tonal earthOpen combinationOlive and Cream
#808000 · #FFFDD0Organic foundationOpen combinationMustard and Navy are a retro contrast pair: navy stops a warm mustard from shouting, and mustard stops navy from disappearing — a complementary-style jolt with an earthy feel.
Frequently asked questions
Yes — this pair is used for retro branding, textile patterns, sports clubs. The two colors measure 11.84:1 against each other, which is enough for body text in either direction.
Good to know
- Every value on this page is calculated from #FFDB58 and #000080 — nothing is hardcoded.
- Build a longer palette out of Mustard or Navy in the palette generator, or test your own text pair in the contrast checker.
Put this combination to work
Turn Mustard and Navy into a full palette, a gradient or a set of shades — or check the pair against WCAG.
