Earthy combinationsTonal earth
Olive and Mustard Color Combination
Both colors come from the yellow-green arc, so the pair is tonal: the eye reads depth before it reads hue.
Hex codes #808000 and #FFDB58 — a tonal earth pair with a 3.10:1 contrast ratio between the two colors.
Values for this combination
- RGB
- rgb(128, 128, 0)
- HSL
- hsl(60, 100%, 25%)
- Hex
- #808000
- RGB
- rgb(255, 219, 88)
- HSL
- hsl(47, 100%, 67%)
- Hex
- #FFDB58
Contrast between Olive and Mustard
Contrast ratio 3.10:1. This only decides whether one color of the pair can carry text on the other — the colors themselves always work side by side.
Mustard text on a Olive surface, at 3.10:1.
Olive text on a Mustard surface, at 3.10:1.
Where this pair works
- Vintage design
- Outdoor apparel
- Poster art
Give Olive (#808000) roughly 60% of the surface, Mustard (#FFDB58) 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
Olive and Mustard 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#808000the dominant color · closest to Olive
- Secondary#FFDB58the accent color · closest to Mustard
- Deep shade#4d4d00text, borders and icons · closest to ArmyGreen
- Neutral#f6f5f4dividers and quiet surfaces · closest to WhiteSmoke
Explore Olive and Mustard on their own
Olive
More color combinations
Olive and Cream
#808000 · #FFFDD0Organic foundationOpen combinationMustard and Navy
#FFDB58 · #000080Retro contrastOpen combinationForestGreen and Tan
#228B22 · #D2B48CField and leatherOpen combinationBrown and Blue
#A52A2A · #0000FFUnexpected balanceOpen combinationSage and Terracotta
#BCB88A · #E2725BModern earthOpen combinationBurntSienna and Linen
#E97451 · #FAF0E6Clay and clothOpen combinationOlive and Mustard are a tonal earth pair: both colors come from the yellow-green arc, so the pair is tonal: the eye reads depth before it reads hue.
Frequently asked questions
Yes — this pair is used for vintage design, outdoor apparel, poster art. The two colors measure 3.10:1 against each other, which is enough for large text and graphics, but not for body text.
Good to know
- Every value on this page is calculated from #808000 and #FFDB58 — nothing is hardcoded.
- Build a longer palette out of Olive or Mustard in the palette generator, or test your own text pair in the contrast checker.
Put this combination to work
Turn Olive and Mustard into a full palette, a gradient or a set of shades — or check the pair against WCAG.
