My Trend Boutique– Home & Style
Yellow Color Pairings: What Goes With Yellow Clothing

Yellow Color Pairings: What Goes With Yellow Clothing

Words by
Published
Reading
4 min

Navy is the easiest of the colors that go with yellow. It is dark and cool, yellow is light and warm, and together they read as classic rather than loud. Gray, white, purple, green and warm shades like coral also work, as long as one color leads and the other supports.

Below are the yellow color combinations for clothing I'd reach for first, with ratios, fabrics and a few pairings to skip.

Outfit pairing sunshine yellow with navy as a classic yellow color combination for clothing

Yellow and navy: the classic pairing

Navy and yellow sit far apart in temperature and brightness. Navy recedes and yellow advances, so the eye reads both clearly without the outfit feeling busy. Yellow belongs to the warm family, which Cornell's home gardening guide describes as colors that catch your attention and feel lively and energetic.

How much of each color?

Avoid a 50/50 split. Navy trousers with a bright yellow top can cut the body in half visually. A better rule of thumb is about 60% one color, 30% the other and 10% a neutral such as white, cream or cognac leather.

  • Navy-led: navy suit or trousers, a yellow silk blouse, tan shoes.
  • Yellow-led: a yellow maxi dress, a navy blazer, nude sandals.

Pick shades that are not primary

Royal blue with primary yellow can look like a team uniform. Deep, inky navy with mustard, ochre or soft buttercream looks more grown-up. Varying the depth of the two shades does most of the work.

For more navy ideas, see navy and tan outfit ideas and navy and coral day dresses.

Yellow and gray

A yellow and gray color combination is the quietest way to wear yellow. Gray calms the brightness without darkening it as much as navy does. Try a charcoal trouser with a lemon knit, or a pale gray coat over a mustard sweater.

Through the lens of evidence-based design, I'd choose a matte gray wool beside yellow, because a flat surface lets the yellow be the only thing that catches light.

Yellow and gray color combination styled in a clothing outfit

What is the complementary color for yellow?

On the traditional color wheel, purple sits opposite yellow, and that is why people call it the complementary color for yellow. Cornell's gardening guide notes that when yellow and purple flowers bloom close together, the effect of these complementary colors is greater than the sum of its parts. In clothing, the same contrast works best with softer versions: lavender with butter yellow, or plum with mustard.

Two posts go deeper: lavender and yellow pairings and yellow and plum dresses.

Yellow with green and teal

Green sits next to yellow on the wheel, so the two blend easily. Deep forest green makes lemon look fresh, while teal and aqua give yellow a beachy feel. Keep the green dark or muted if the yellow is bright.

See lemon yellow and forest green or aqua and bright yellow for beach looks.

Yellow outfit paired with a complementary or neighboring color in a styled look

Warm pairings with orange and coral

Yellow with orange or coral is a low-contrast, sunny palette. It works best when the shades differ in depth, such as mustard with a soft coral, otherwise the colors compete. A neutral shoe or bag keeps it from feeling like a fruit salad.

Yellow with white, cream and black

White and cream make yellow look cleaner and lighter, which suits summer and daytime. Black gives the strongest contrast and a sharper, more graphic result. If you wear black with yellow, keep the proportions simple: a black trouser with a yellow top, not a pattern of both.

Colors that do not go well with yellow

Few colors are off limits, but some pairings are harder. Pale yellow beside white or very light beige can look washed out, with too little contrast to define the outfit. Bright yellow with bright red or bright green tends to look like a signal flag unless one is clearly the accent. Navy with black in the same outfit is also tricky, since the two are close in value. If you add both, separate them with texture.

Mustard or deeper yellow clothing styled with a dark contrasting shade

Dark yellow pairings: mustard and ochre

Deeper yellows pair well with navy, olive, chocolate brown and cream. They suit fall fabrics such as wool, corduroy and velvet. Lighter lemon and buttercup shades suit linen, cotton and silk in spring and summer.

Make it work: fabric, accessories and fit

  • Texture changes how yellow reads. Satin glows, knit looks softer, matte wool looks calmer.
  • Gold jewelry and buckles link easily with yellow. Silver looks crisp next to navy but a little cool against warm yellow.
  • Cognac or tan leather suits this palette better than black.
  • If yellow near your face feels harsh, wear it on a skirt, trousers, bag or shoes. A lemon shade is often cooler than marigold.

A scarf that contains both colors ties a yellow dress and navy shoes together. For layering, try bright yellow outerwear over an all-navy base, or a classic wool blazer in navy over a yellow top.

Yellow and navy outfit with accessories styled as a bold classic look

Frequently asked questions

What color compliments well with yellow?

Navy, purple and lavender give the strongest contrast, while gray and white are the calmest choices. Pick a deeper or softer version of the second color so the yellow does not fight it.

What color is complementary to yellow?

Purple is the traditional complement on the color wheel. In clothing, lavender or plum usually looks better than a bright violet.

What color does not go well with yellow?

Pale yellow with white or very light beige can look washed out, and bright yellow with bright red or green often looks too loud. Both can work if one color is a small accent.

What shoes go with a navy and yellow outfit?

Nude and tan or cognac leather are the easiest. Metallic gold suits evening, and navy shoes work with a yellow dress.

Filed under Color Palettes

Next on the runway

Three more from Color Palettes.