↑ ↓ to moveEnter to openEsc to close

Mustard yellow color codes

Mustard yellow is an earthy, slightly brown yellow. Here you will find named mustards, warm ochres and deeper olive-tinted shades.

Named mustards

All of these have "mustard" in the name.

  • Aa 6.87:1
    Mustard Seed #C69F26 RGB 198, 159, 38
  • Aa 6.72:1
    Creole Mustard #C69B4E RGB 198, 155, 78
  • Aa 6.18:1
    Spiced Mustard #B99563 RGB 185, 149, 99
  • Aa 5.53:1
    Honey Mustard #B28C4B RGB 178, 140, 75
  • Aa 5.35:1
    Fig Mustard Yellow #BB8610 RGB 187, 134, 16
  • Aa 5.23:1
    German Mustard #CD7A00 RGB 205, 122, 0
  • Aa 5.16:1
    Mustard Gold #A6894B RGB 166, 137, 75
  • Aa 5.06:1
    Cut the Mustard #BA7F38 RGB 186, 127, 56
  • Aa 5.12:1
    Strong Mustard #A88905 RGB 168, 137, 5
  • Aa 4.70:1
    Murder Mustard #AC7E04 RGB 172, 126, 4
  • Aa 4.75:1
    Mustard Magic #857139 RGB 133, 113, 57
  • Aa 5.33:1
    Aged Mustard Green #6E6E30 RGB 110, 110, 48
  • Aa 5.88:1
    Spicy Mustard #74640D RGB 116, 100, 13
  • Aa 6.42:1
    Hot Mustard #735C12 RGB 115, 92, 18
  • Aa 7.24:1
    Dried Mustard #804A00 RGB 128, 74, 0
  • Aa 11.90:1
    Bavarian Sweet Mustard #4D3113 RGB 77, 49, 19

Ochre and golden mustard

  • Aa 8.88:1
    Sultan Gold #F6AC17 RGB 246, 172, 23
  • Aa 8.96:1
    Gold Vein #D6B956 RGB 214, 185, 86
  • Aa 8.62:1
    Polished Gold #EEAA55 RGB 238, 170, 85
  • Aa 8.64:1
    Gold Tooth #DBB40C RGB 219, 180, 12
  • Aa 7.34:1
    Mustard Musketeers #D5A129 RGB 213, 161, 41
  • Aa 7.13:1
    Kingpin Gold #DE9930 RGB 222, 153, 48
  • Aa 6.73:1
    Steampunk Gold #C39C55 RGB 195, 156, 85
  • Aa 5.91:1
    Faint Gold #B59410 RGB 181, 148, 16
  • Aa 5.33:1
    Gothic Gold #BB852F RGB 187, 133, 47
  • Aa 5.14:1
    Rich Gold #AA8833 RGB 170, 136, 51

Olive-leaning mustard

  • Aa 6.19:1
    Kathmandu #AD9A5D RGB 173, 154, 93
  • Aa 6.00:1
    Sunken Gold #B29700 RGB 178, 151, 0
  • Aa 5.96:1
    Lazy Lizard #9C9C4B RGB 156, 156, 75
  • Aa 5.67:1
    Papyrus #999911 RGB 153, 153, 17
  • Aa 5.13:1
    Jalapeño #9A8D3F RGB 154, 141, 63
  • Aa 4.80:1
    Captain Kirk #9B870C RGB 155, 135, 12
  • Aa 4.63:1
    Overgrown Citadel #888844 RGB 136, 136, 68
  • Aa 4.18:1
    Olive #808010 RGB 128, 128, 16
  • Aa 4.27:1
    Capers #897A3E RGB 137, 122, 62
  • Aa 4.85:1
    Crocodile Style #767437 RGB 118, 116, 55

Palette idea: light to dark

  • LightestAa 8.88:1
    Sultan Gold #F6AC17 RGB 246, 172, 23
  • LightAa 6.18:1
    Spiced Mustard #B99563 RGB 185, 149, 99
  • MidAa 5.23:1
    German Mustard #CD7A00 RGB 205, 122, 0
  • DeepAa 4.63:1
    Overgrown Citadel #888844 RGB 136, 136, 68
  • DarkestAa 11.90:1
    Bavarian Sweet Mustard #4D3113 RGB 77, 49, 19

Palette idea: with neutrals

  • BackgroundAa 16.11:1
    Warm white #FAF7F2 RGB 250, 247, 242
  • SurfaceAa 7.13:1
    Kingpin Gold #DE9930 RGB 222, 153, 48
  • MainAa 5.23:1
    German Mustard #CD7A00 RGB 205, 122, 0
  • DeepAa 4.85:1
    Crocodile Style #767437 RGB 118, 116, 55
  • TextAa 16.81:1
    Ink #1F1D1A RGB 31, 29, 26

Palette idea: complementary accent

  • LightAa 7.34:1
    Mustard Musketeers #D5A129 RGB 213, 161, 41
  • MainAa 5.23:1
    German Mustard #CD7A00 RGB 205, 122, 0
  • DarkAa 5.88:1
    Spicy Mustard #74640D RGB 116, 100, 13
  • AccentAa 5.50:1
    Complement #2A98E4 RGB 42, 152, 228
  • BaseAa 15.53:1
    Off-white #F5F3EE RGB 245, 243, 238

Like the condiment

Mustard yellow is a dark, earthy yellow with a brown or olive lean, close to prepared mustard. There is no CSS keyword; codes around #E1AD01 or #FFDB58 are common references.

Mustard, ochre and gold

  • Mustard leans slightly green or brown.
  • Ochre is the natural pigment, warmer and more orange.
  • Gold is brighter and cleaner. See gold.

Styling mustard

Mustard is a fall and retro favorite. It pairs well with navy, teal, burgundy, olive and cream. It works better as an accent than as a large background.

On screen

Mustard needs dark text for readability. Avoid using it as text color on white. For related shades, browse shades of yellow, burnt orange and the True Autumn palette.