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.
What to Wear With a Yellow Shirt: Bottoms, Shoes and Colors That Match

Contents
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 | 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.

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

What to Wear With an Orange Top: Bottoms, Shoes and Colors That Match
A stylist's guide to what goes with an orange top, the trouser, skirt and shoe colors that match burnt orange, rust, coral and tangerine, with hex codes and outfit formulas.

What to Wear With a Blue Shirt: Bottoms, Shoes and Colors That Match
A stylist's guide to what goes with a blue shirt, the trouser, skirt and shoe colors that match light blue, chambray, cobalt and navy shirts, with hex codes and outfit formulas.

What to Wear With Beige Pants: Tops, Shoes and Colors That Go
A stylist's guide to what goes with beige pants, the best top colors, shoe colors and jackets, with hex codes, outfit formulas and the shades that make beige look dull.

What Goes With Navy Blue Pants: Tops, Shoes and Colors That Match
A stylist's guide to what to wear with navy blue pants, the best top colors, shoe colors, belts and jackets, with hex codes and outfit formulas for work and weekends.

Colors That Go With Emerald Green: 10 Stylish Combinations (with Hex Codes)
A stylist's guide to the colors that go with emerald green, gold, navy, blush, burgundy, ivory and more, with hex codes, neutrals, outfit ideas and the shades to avoid.

What to Wear With a Purple Dress: Shoes, Jewelry and Colors That Match
A stylist's guide to what goes with a purple dress, the best shoe colors, jewelry, jackets and accent colors for lilac, plum, violet and royal purple, with hex codes.
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.