What to Wear With a Yellow Shirt: Bottoms, Shoes and Colors That Match

By ToneLalaUpdated September 14, 2026
A woman in a mustard-yellow silk shirt with navy trousers, white trainers and gold jewelry, what to wear with a yellow shirt, styled by ToneLala
Contents
  1. 01  Which yellow is your shirt?
  2. 02  Bottoms that go with a yellow shirt
  3. 03  Shoes for a yellow shirt
  4. 04  The palette: colors that go with a yellow shirt
  5. 05  Jackets, bags and jewelry
  6. 06  Outfit formulas for a yellow shirt
  7. 07  Which yellow suits your coloring
  8. 08  Putting it together

In a sentence: a yellow shirt goes with navy, white, denim, gray, olive, chocolate and teal below, white trainers, tan loafers or cognac boots, and gold jewelry: blues are its safe partners, purple is its bold one, and red is the color to avoid. Skip to the bottoms guide, the palette, or find out which yellow suits you.

Yellow is the color that makes people nervous in the changing room and delighted in the mirror at home, once they've found something to wear it with. The nerves come from yellow's brightness; the delight comes from how good it looks next to blue. That's the whole secret. Blue and yellow are the most natural pairing in the wardrobe, sky and sun, denim and mustard, navy and lemon, and once you have a blue in the outfit, a yellow shirt stops being a risk and starts being the best thing you own.

This guide covers what goes with a yellow shirt: trouser and skirt colors, shoes, jackets, jewelry and a palette with hex codes. For yellow as a color, see colors that go with yellow and how to wear mustard yellow.

Which yellow is your shirt?

Yellow Feels like Best partners
Mustard, ochre Autumn, earthy Navy, olive, chocolate, denim, gray, teal
Golden yellow, marigold Warm, sunny Navy, white, cobalt, denim, camel
Lemon, bright yellow Bold, clean Navy, white, black, gray, cobalt, purple
Butter, pale yellow Soft, spring White, cream, light denim, gray, sage
Buttermilk, cream-yellow Almost neutral Navy, denim, camel, chocolate

Deep and muted yellows (mustard, ochre) want earthy depth; bright yellows want clean contrast or a bold complement.

Bottoms that go with a yellow shirt

  • Navy. The best trousers for any yellow shirt. Navy chinos with a mustard shirt, navy tailoring with lemon, polished every time.
  • White and cream. Fresh, summery and clean; white jeans with a golden or lemon shirt.
  • Denim. The everyday answer. Mid-blue jeans with mustard is a modern classic; light wash with butter yellow; dark indigo with golden yellow.
  • Gray. Modern and office-friendly. Mid-gray with bright yellow, charcoal with mustard.
  • Olive. Mustard and olive is one of the best autumn pairings there is, earthy, warm and confident.
  • Chocolate. Rich and tonal with mustard and golden yellow; keep the brown much darker than the shirt.
  • Teal. A teal skirt or trouser with a mustard shirt is a designer-level combination.
  • Purple or cobalt. Yellow's complement and near-complement; a bold, fashion-forward pairing with bright yellow.
  • Black. Graphic with lemon and bright yellow; heavy with mustard.
  • Avoid: red or orange bottoms (they fight yellow), beige and tan (too close in temperature, the outfit blurs), and a second, mismatched yellow.

Shoes for a yellow shirt

  • White trainers. Clean and casual with denim or white jeans.
  • Tan and cognac. Warm and easy; cognac boots with mustard and olive in autumn.
  • Navy. Echoes navy trousers for a tonal bottom half.
  • Nude. With white or cream bottoms in summer.
  • Black. With black or charcoal trousers and a bright yellow shirt.
  • Avoid: red shoes, and yellow shoes that don't match the shirt.

The palette: colors that go with a yellow shirt

Color palette of what goes with a yellow shirt, with hex codes, navy, white, denim blue, gray, olive, purple, cobalt, chocolate, teal and black, plus tan, cream, camel, charcoal and cognac neutrals, by ToneLala
What to Wear With a Yellow Shirt: Bottoms, Shoes and Colors That Match, every shade with its hex code.
Color Hex Use it for
Navy #27374D Trousers, skirts, blazers, the number-one partner.
White #F6F5F1 Jeans and trainers for summer freshness.
Denim Blue #5B7A9E Jeans and jackets; the everyday base.
Gray #8B8E95 Trousers and blazers for a modern office look.
Olive #6B6B3A Trousers and skirts with mustard.
Purple #6A4C93 The complement, a skirt, bag or scarf with bright yellow.
Cobalt #1F4FA3 A bag, shoe or skirt for a vivid pairing.
Chocolate #4A3526 Trousers, boots and belts with mustard and golden yellow.
Teal #2E7D7B Skirts and scarves with mustard, rich and unexpected.
Black #1A1A1A Trousers and shoes with lemon yellow for a graphic look.

Neutrals: Tan #B98B5E and Cognac #8B4A2B (shoes and belts), Cream #EFE4CD (with golden yellow), Camel #C19A6B (coats) and Charcoal #36352F (suits and blazers with mustard).

Metals: gold and bronze, yellow is warm, and silver looks cold beside it unless the yellow is a pale lemon.

Is yellow actually YOUR color? Find out from a selfie

Find your most flattering colors →

Jackets, bags and jewelry

Jackets: a navy blazer over a yellow shirt is the formula to trust; a denim jacket keeps it casual; a gray blazer sharpens it for work; a chocolate or olive jacket suits mustard in autumn; a camel coat keeps golden yellow warm. Bags: navy, tan, cognac, chocolate or white; a cobalt or purple bag with bright yellow is the statement version. Jewelry: gold hoops, a gold chain, a bronze cuff. Keep silver for lemon and butter yellows worn with gray.

Outfit formulas for a yellow shirt

  • Office: mustard silk shirt + navy trousers + tan loafers + gold hoops.
  • Weekend: lemon tee + mid-blue jeans + white trainers + a denim jacket.
  • Autumn: mustard shirt + olive trousers + cognac boots + chocolate belt.
  • Summer: golden-yellow shirt + white jeans + nude sandals + a straw bag.
  • Smart: butter-yellow shirt + gray trousers + navy blazer + navy loafers.
  • Color clash: bright yellow shirt + cobalt skirt + white trainers, bold and current.

Which yellow suits your coloring

Yellow is the warmest color after orange, so it flatters warm coloring most. If you're a Spring, clear golden yellow, marigold and warm butter are yours; if you're an Autumn, mustard, ochre and golden tones will look like they were dyed for you. Cool coloring, a Summer or Winter, usually looks better in a clear icy lemon, a pale buttermilk, or yellow worn below the waist rather than at the face. If a yellow shirt has ever made you look sallow, it was the wrong yellow for your undertone, and a personal color analysis finds the right one from one photo. The colors that go with gold guide covers the metallic end of the family.

Putting it together

Navy or denim underneath, tan or white shoes, gold jewelry: the yellow shirt solved for most days. Olive and chocolate for mustard in autumn, gray for the office, purple or cobalt when you want the room to notice. Keep red away from it, find the yellow that matches your warmth, and the shirt that scared you in the changing room becomes the one people compliment.

A flat-lay of a yellow shirt with matching pieces, navy trousers, white jeans, an olive skirt, a denim jacket, tan loafers, a gray blazer and gold jewelry, by ToneLala
The What to Wear With a Yellow Shirt: Bottoms, Shoes and Colors That Match palette, styled in real pieces.

Frequently asked questions

What color pants go with a yellow shirt?

Navy is the best trouser color with a yellow shirt, blue and yellow are a classic pairing and navy keeps it polished. White and cream are fresh for summer, denim is the everyday answer, gray works for the office, and olive or chocolate make mustard yellow look autumnal. Black suits bright lemon yellow for a graphic look.

What colors go with a yellow shirt?

Navy, white, denim blue, gray, olive, purple, cobalt, chocolate, teal and black all pair with yellow, with tan, cream, camel, charcoal and cognac as neutrals. Blues are the reliable partners, purple is yellow's complement for a bold pairing, and earth tones suit mustard and golden yellow.

What shoes go with a yellow shirt?

White trainers, tan loafers and navy shoes are the easiest with a yellow shirt. Cognac boots suit mustard in autumn, nude works with white or cream bottoms, and black is fine with black or gray trousers. Avoid yellow shoes that don't match and red shoes, which fight yellow.

Does gray go with yellow?

Gray and yellow is a modern classic, a mustard or golden shirt with gray trousers, or a lemon shirt with a charcoal suit. Mid-gray works with brighter yellows; charcoal suits mustard. Add tan or cognac shoes so it doesn't look flat.

What jacket goes with a yellow shirt?

A navy blazer is the most reliable, a denim jacket the most casual, and a gray blazer the sharpest for work. A chocolate or olive jacket suits mustard in autumn, and a camel coat keeps golden yellow warm. Avoid a black leather jacket with pale yellow, which can look harsh.

What skin tone can wear yellow?

Warm coloring wears yellow best, golden, peachy and olive skin glow in mustard, golden yellow and warm butter tones. Cool coloring often looks better in a clear lemon, a pale buttermilk or in yellow worn away from the face. The exact shade is what a color analysis pins down.

Related guides

Prefer in person? Find color analysis near you

Browse local color analysts by city, or get the same season, palette and best-colors breakdown online from one selfie.

See your colors on a photo of you

Upload one selfie and ToneLala reveals your season, your full palette, and your best hair, makeup, jewelry and outfits, styled on you.