Colors That Go With Yellow: 12 Stylish Combinations (with Hex Codes)

By ToneLalaUpdated July 10, 2026
A stylish yellow outfit paired with navy and crisp white, with gold accessories, by ToneLala
Contents
  1. 01  What kind of color yellow is
  2. 02  The best colors to go with yellow
  3. 03  Colors to avoid with yellow
  4. 04  Yellow outfit combinations
  5. 05  How to wear yellow for your color season
  6. 06  Putting it together

In a sentence: The colors that go with yellow are navy, denim blue, teal and cobalt for cool contrast; aubergine and plum for its true complement; and terracotta, forest green, chocolate brown and blush to keep it warm, anchored by white, gray, charcoal, camel and greige. Skip to the full pairing palette or find your most flattering colors.

Yellow is the color people are most frightened of and least sure how to style, which is a shame, because it's one of the easiest to pair once you stop treating it like a problem child. I had a client bring me a buttercup linen blazer she'd worn exactly once, convinced it made her look "like a highlighter." It didn't. The trouble was she'd worn it with white jeans and tan sandals, so the whole outfit floated at the same brightness with nothing to push against. We put it over a navy tee and dark denim, and suddenly the blazer looked expensive instead of loud.

That's the secret with yellow: it doesn't want a matching friend, it wants a foil. Give it something deep and cool to lean on and it stops shouting and starts glowing. Below are the ten colors I reach for again and again, with real hex codes, plus the neutrals that quietly hold the whole thing together.

What kind of color yellow is

Yellow is the brightest, most reflective color on the wheel, it's the one your eye finds first in any room, which is exactly why it needs handling. It's a warm color at heart, but it spans a huge range: a cool, sharp lemon leans almost green, while a mustard or ochre leans deep and earthy and reads as good as a neutral. Where your particular yellow sits on that warm-to-cool line decides everything about what flatters it.

The color-wheel logic is genuinely useful here. Yellow's direct complement is purple, so anything in the aubergine-to-violet family gives you maximum contrast and a little drama. Its analogous neighbours, orange and green, sit either side of it, which is why they can either harmonize beautifully or turn to mush if you're not careful. And because yellow is so light and warm, it's flattered most by colors that are its opposite in temperature and depth: cool, and dark. That's the whole game.

One more thing worth knowing: the deeper and more muted your yellow, the more forgiving it becomes. A soft mustard or ochre behaves almost like a tan or a caramel, so it slots into a wardrobe far more easily than a bright primary yellow. The brighter and purer the yellow, the more deliberate you have to be about what surrounds it, which is why the pairings below matter most when your yellow is at full volume.

The best colors to go with yellow

Here are the ten I keep coming back to, a mix of cool anchors, the purple complement, and warm earth tones for a softer, more grounded yellow.

Color palette of shades that go with yellow, navy, denim blue, teal, slate gray, aubergine, terracotta, forest green and blush, with hex codes, by ToneLala
Colors That Go With Yellow: 12 Stylish Combinations (with Hex Codes), every shade with its hex code.
Color Hex
Navy #1F2A44 The failsafe. Deep and cool, it gives yellow something solid to sit against, sharp without the harshness of black.
Denim Blue #4A6D8C Yellow's everyday best friend. A medium blue cools the warmth and keeps the whole thing relaxed and wearable.
Teal #1E7F7A Sits across the wheel from yellow's warmth, so the contrast is rich and a touch unexpected, brilliant with mustard.
Cobalt Blue #2A4DAD A high-energy pairing. Bright cool blue against bright warm yellow is punchy, modern and full of life.
Aubergine #4A2E48 Yellow's true complement, dialled down to a deep, wearable purple. Maximum contrast, minimum effort.
Plum #7A4A6E A softer take on the purple complement, romantic and a little retro, gorgeous with a pale primrose yellow.
Terracotta #C96A4B A warm, dusty orange that harmonizes with golden yellow instead of fighting it, sunbaked and grown-up.
Forest Green #2E5D3B Deep, cool green reads almost like a neutral and makes warm yellow look fresh and outdoorsy.
Blush Pink #E7B5A8 The gentle one. A muted, peachy pink keeps yellow soft and pretty rather than bold, lovely for warmer skin.
Chocolate Brown #4B342A The chic alternative to black. Brown shares yellow's warmth, so the pairing feels intentional and luxe.

Neutrals that go with yellow: Crisp White #F6F4EE to keep it fresh, Slate Gray #6E7480 and Charcoal #33363B to calm it for everyday wear, Warm Camel #C09A5E to lean into its golden side, and Greige #B7AC9A for a soft, modern backdrop.

Which shade of yellow actually suits YOU?

Find your color season →

Colors to avoid with yellow

  • Orange and lime green right beside it. They're yellow's immediate neighbours on the wheel, so worn together they blur into one warm, low-contrast smear. Use them as small accents, not as the main pairing.
  • Bright primary red. Two loud warm colors competing for the same attention rarely flatter, it tips into circus territory fast. A muted brick or terracotta is the smarter way to bring warmth.
  • Black, used carelessly. It works graphically, but a hard black-and-yellow pairing can read like a warning sign and tends to drain skin near the face. Swap in charcoal or navy and you keep the depth without the starkness.

Yellow outfit combinations

  • The classic: a yellow knit with navy trousers and white trainers, fresh, easy and impossible to get wrong. Add gold studs to tie it together.
  • Quiet luxury: a mustard jumper with chocolate-brown wide-leg trousers and camel loafers. Tonal, warm and very expensive-looking for almost no effort.
  • A bit of drama: a buttercup dress with an aubergine coat thrown over the top and burgundy boots. The complement does the heavy lifting.
  • Everyday: a lemon tee under blue denim, with greige or white sneakers. The cool denim keeps the yellow from running away with the outfit.
  • Smart event: a slate-gray suit with a yellow silk blouse or pocket square. Gray mutes the yellow just enough to read polished rather than playful, so it works for the office and a wedding alike.

If you only take one rule from this section, make it this: let yellow be the loudest thing you're wearing, and keep everything else a notch quieter and darker. The moment two pieces compete at the same brightness, the outfit loses its anchor.

How to wear yellow for your color season

The single biggest reason yellow "doesn't suit" someone is almost always the wrong yellow, not yellow itself. A warm, golden mustard glows on deep, warm coloring, think True Autumn and warm Spring types, but the same shade can look muddy on someone cool and bright. Flip it round: a cool, clean lemon or primrose lifts cooler, lighter coloring, yet reads sickly and acidic on a warm, deep complexion. Same color family, opposite results.

Your best pairings shift with your coloring too. A deep, warm person can carry yellow with chocolate, terracotta and forest green; a light, cool person tends to look better in lemon with navy, slate and soft plum. If you want to know exactly where you sit, the color analysis guides walk through each season, and a personal analysis pins down your precise shade of yellow, and the colors that make your face come alive rather than wash it out.

Putting it together

Treat yellow as the star and give it a deeper, cooler co-star: navy or denim when you want easy, aubergine or teal when you want interesting, chocolate or terracotta when you want warm and grown-up. Keep one neutral close to your face, white, gray or camel, and let the yellow do the talking from there. Worn like that, it stops being the color you're nervous about and becomes the one people remember you in.

A flat-lay of yellow pieces styled with navy, denim blue, gray and white accessories, by ToneLala
The Colors That Go With Yellow: 12 Stylish Combinations (with Hex Codes) palette, styled in real pieces.

Frequently asked questions

What colors go with yellow?

Yellow pairs best with navy, denim blue, teal, cobalt, aubergine, plum, terracotta, forest green, blush and chocolate brown. For neutrals, reach for white, slate gray, charcoal, camel and greige. Cool blues and purples make a clean yellow sing, while terracotta and brown keep a mustard or golden yellow earthy and grown-up.

What color best complements yellow?

On the color wheel, yellow's true complement is purple, so aubergine, plum and violet give you the most striking, high-impact pairing. If that feels bold, navy is the easiest crowd-pleaser, it's deep enough to anchor yellow without the drama, which is why navy-and-yellow is such a classic combination.

What colors should you not wear with yellow?

Be wary of orange and lime green sitting right beside yellow, they're its neighbours on the wheel, so together they can look like one muddy blur with no contrast. Bright red can also fight a warm yellow for attention. None are banned, but they take a careful eye; navy, white or gray are far more forgiving.

What neutrals go with yellow?

White and ivory keep yellow fresh, gray and charcoal calm it down for everyday wear, and camel or greige warm it up. Black works but reads stark and graphic, a softer charcoal or navy usually flatters skin more, especially when the yellow is near your face.

How do I wear yellow for my skin tone?

It comes down to which yellow, not whether you can wear it. Warm, golden and mustard yellows suit warm, deep coloring (Autumn and warm Spring types), while cooler lemon and primrose yellows flatter cooler, brighter coloring. A personal color analysis tells you your exact shade and the pairings that light up your face rather than drain it.

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.