How to Wear Blue and Yellow: 26 Outfits From Butter Yellow to Cobalt

Blue and yellow sit opposite each other in warmth, which is why the pair always looks fresh. Here are 26 ways to wear it, soft or bold, never both at once.

This post contains affiliate links — if you buy through them I may earn a small commission at no extra cost to you. As an Amazon Associate I earn from qualifying purchases.

Butter Cream Coat, Blue Plaid Scarf

This look earns its place by proving that the soft family works in the coldest weather. A butter cream wrap coat is the calm base, and a blue plaid wool scarf brings the second color in as the smaller accent.

Choose a coat with at least half wool so it holds its shape, and let it fall to the knee or below. Keep everything under it simple: a white knit, straight denim, brown leather boots.

Pale yellow near the face is kind to most skin tones; if it feels washed out on you, pick the creamier shade and let the scarf do the talking.

Lemon Leather Jacket and Blue Barrel Jeans

A short lemon leather jacket is the one loud piece here, and everything else stays calm. Mid-blue barrel jeans give the yellow room to breathe, so the pair reads bold without shouting.

Pick a jacket with a boxy shoulder and a hem that meets the waistband, so no skin shows. Barrel jeans balance the short jacket with volume below.

A white tee is the calm third. Add white leather sneakers and a long gray scarf for cold days.

Ice Blue Knit and Butter Yellow Skirt

Soft family, cold-weather version: an ice blue sweater with a butter yellow midi skirt. The idea is two pale colors with a cream base so nothing competes.

Choose a skirt in wool crepe or a fine pleat, long enough to meet knee-high boots, and a knit that ends at the hip so the waist stays defined.

Cream boots tie the pair together, and a soft scarf keeps it warm enough for the walk to the car.

Cobalt Windbreaker, Butter Yellow Skirt

A cobalt windbreaker keeps the bold family casual without turning sporty. The trick is the skirt: butter yellow, midi and flowy, which softens the nylon.

Choose a windbreaker with a relaxed, slightly boxy cut and a hem past the waist. White sneakers are the calm third here.

This is the mild-day answer for the weekend: a light layer that still has an idea behind it.

Butter Yellow Tee Under a Cornflower Shirt

An open cornflower blue shirt over a butter yellow tee is the easiest way into the pair. The yellow is the smaller accent, and it shows only as a strip down the middle.

Pick a shirt in crisp cotton with a relaxed shoulder, and wear it open and roomy. Straight white jeans keep it light.

It works on the days you want color but nothing to think about: market, brunch, a long walk.

Cobalt Turtleneck, Camel Coat, Lemon Bag

The bold family is easiest to start with a single saturated knit. Cobalt under a camel coat lets the lemon show up only in a small top-handle bag.

Choose a merino turtleneck that is fine enough to sit under a coat without bulk, and keep the coat open so the blue stays visible.

A yellow bag is a low-risk way to try the pair: the color sits where it can be swapped.

Navy Pants, Butter Yellow Knit

This is the office answer to bold blue and yellow: navy wide-leg pants with a butter yellow sweater. The navy keeps it serious, the yellow keeps it awake.

Look for pants with a straight, full leg that covers the shoe, and a sweater that ends at the hip. Merino or fine wool will not pill by Friday.

A cream blazer over the top finishes the work uniform.

Powder Blue Blouse, Mustard Satin Skirt

A powder blue ruffle blouse with a golden mustard satin slip skirt is the rare look that is soft and still a little dramatic. The mustard is the one deliberate step away from butter yellow.

Choose a skirt below the knee, so it reads modern, and wear a long wool coat over it for the commute. Pointed pumps keep it work-ready.

Opaque black tights make sure nothing about it freezes.

Butter Yellow Blazer, Mid-Blue Wide Jeans

The blazer is the piece that makes jeans office-ready, and in butter yellow it does the job without a single other color. Mid-blue wide jeans keep the pair relaxed.

Pick a blazer that covers the hips and sits boxy on the shoulders, and jeans with a full leg that cover the shoe. A white shirt underneath is the calm third.

This is the casual-Friday formula: one tailored piece, one denim piece, nothing else to decide.

Baby Blue Knit Polo, Gray Pleated Skirt

A baby blue knit polo with a butter yellow stripe at the collar keeps yellow as the tiniest accent. A gray pleated skirt gives the whole look a quiet office tone.

Choose a polo in fine knit so it can sit under a coat, and a pleated skirt that reaches the mid-calf. Brown boots and sheer black tights finish it for winter.

It reads soft, and nobody in a meeting will call it loud.

Cobalt Blazer Over a Cream Knit

A cobalt blazer is the one piece in the bold family that works as a full office statement. A cream knit under it keeps it calm.

Look for a blazer with real shoulders, hip length, in a wool blend that holds the blue. Cream wide-leg pants make the color the single idea.

A lemon scarf is optional, but it is the move that makes this look read as a pair.

Cobalt Slip Dress, Lemon Clutch

A night out wants a clear idea, and this one is a cobalt slip dress with a lemon clutch. The clash is the point.

Choose a dress that falls below the knee in a matte satin, and wear it with sheer black tights and pointed pumps. Inside the venue, the dress is the whole look.

The lemon clutch is the accent that makes it a pair rather than a single color.

Ice Blue Satin Dress, Butter Yellow Bag

The soft version of the night out: an ice blue satin slip dress with a small butter yellow top-handle bag. It is quiet and still unmistakably dressed.

Pick a dress with a midi length and thin straps, and wear it inside, with bare legs and strappy-free closed pumps. The bag is the accent, no more.

Silver jewelry keeps the color temperature cool.

Soft or Bold: Which Blue and Yellow Suits You

Soft means ice or baby blue with butter yellow: quieter, better for fair or warm skin and for offices. Bold means cobalt with lemon: stronger, better for deeper skin tones and nights out. Pick one family per outfit, keep one color as the accent, and let white, cream or denim be the calm third.

Yellow Sequin Skirt, Blue Striped Polo

A yellow sequin midi skirt sounds loud, but a blue and white striped knit polo calms it down completely. This is the look where the stripe does the work.

Choose a sequin skirt that is lined and falls below the knee, with a polo in fine knit that ends at the hip. Silver slingbacks keep the shine in the same register.

It is the party look that still feels like you.

Lemon Knit, Cobalt Leather Skirt

A cobalt leather midi skirt is the bold-family piece for a night out, and a lemon knit sweater is the smaller accent. The leather gives the clash its polish.

Pick a skirt that falls below the knee in matte leather, and a sweater that ends at the hip. Black opaque tights and black ankle-free pumps keep the legs calm.

A long black coat on top is enough for the walk from the car.

Baby Blue Crochet Maxi, Mustard Box Bag

For a mild night, a pale blue crochet maxi dress with a small mustard box bag is the soft family at its most romantic. The bag is the one deliberate mustard note.

Choose a crochet dress with a lining, so it is opaque, and wear it with a cropped-free longline cream cardigan or a cream shawl over the shoulders for the evening chill.

Flat sandals or low mules keep it easy.

Butter Yellow Dress, Blue Cardigan Date

A butter yellow midi dress is the date look that needs nothing else, and a baby blue cardigan over the shoulders is the soft second color. Warm and quiet at once.

Choose a dress in a woven fabric with long sleeves for cold weather, and sheer black tights with ballet flats. The cardigan sits on the shoulders for the walk, and comes off at dinner.

It is a look for someone who wants to be remembered for the color, not the effort.

Cobalt Silk Blouse, Cream Pants

A cobalt silk blouse with cream wide-leg pants is the date look for someone who wants one strong color. A lemon clutch brings in the second.

Pick a blouse in a heavy matte silk that does not cling, and tuck it into a high-waisted pair of pants. Heeled mules or pointed pumps make it dinner-ready.

A black blazer over the shoulders handles the chill.

Blue Plaid Wool Blazer, Yellow Slip Skirt

A blue plaid wool blazer with a butter yellow slip skirt is a date look that has a little more bite. The plaid does the work of the second color.

Choose a blazer in a relaxed, hip-length cut, and a skirt that falls below the knee. Tall brown boots reach the hem, so no leg shows between them.

A white tee underneath keeps it casual enough for a first date.

Lemon Cashmere, Dark Blue Jeans

A lemon cashmere sweater with dark blue jeans is the simplest date outfit in the set. The sweater is the idea; the jeans are the calm.

Choose a sweater in a soft, mid-weight knit that ends at the hip, and jeans with a full leg that cover the shoe. A cobalt scarf is the second accent.

Brown boots and a warm coat finish the walk.

Pale Blue Satin Blouse, Yellow Pleated Skirt

A pale blue satin blouse with a butter yellow pleated midi skirt is the date look for a milder evening. The satin and the pleats move together.

Pick a blouse with a soft collar and a skirt that falls below the knee. Closed ballet flats or slingbacks, and bare legs if it is warm.

A cream cardigan is the layer for the walk home.

Wedding Guest in Baby Blue and Butter Yellow

A baby blue midi dress is a wedding-guest classic, and a butter yellow clutch with matching earrings keeps the pair intentional. The look is soft and appropriately quiet.

Choose a dress with sleeves and a below-the-knee hem in a matte crepe, so it photographs well. Nude pumps keep the line long.

A cream wrap is the layer for the ceremony outdoors.

Holiday Party in Cobalt Velvet

A cobalt velvet top with a lemon satin skirt is the holiday-party answer for the bold family. The two textures keep the clash interesting.

Choose a long-sleeve top in stretch velvet that ends at the waistband, and a skirt below the knee. Black pointed pumps and sheer black tights finish it.

Gold earrings are all the jewelry it needs.

Dinner Look: Ice Blue Dress, Yellow Coat

For a winter dinner, a butter yellow coat over an ice blue dress is the soft family at its most deliberate. The coat is the statement, the dress is the quiet half.

Choose a wool coat in a long, relaxed cut, and a dress in a woven fabric with long sleeves. Black tights and closed pumps keep the legs warm.

Cream gloves are the finishing touch.

Black Tie in Cobalt Column, Lemon Clutch

For a formal evening, a cobalt column gown is the bold family at its most elegant. A small lemon clutch is the one accent.

Choose a gown with sleeves or a wrap in the same fabric, and keep jewelry simple. Black pointed pumps and a long black coat for the entrance.

It is the look for someone who wants one color and one idea.

Garden Party: Baby Blue Shirt Dress, Yellow Flats

A baby blue shirt dress with butter yellow flats is the mild-day special-event look. The yellow is only in the shoes, which makes it the easiest way to try the pair.

Choose a dress in crisp cotton poplin with a belt at the waist, and a hem below the knee. Bare legs and a straw bag finish it.

It is the look for a daytime celebration where nobody wants to be overdressed.

One Family, One Accent

Blue and yellow always look fresh because they sit opposite in warmth. Pick soft or bold, keep one color small, and add white, cream or denim. For more color ideas, see our latest outfit guides.

FAQ

What shade of yellow goes best with blue?

Pale butter yellow suits ice blue and baby blue, and lemon yellow suits cobalt. Keep the pair in one family so the outfit reads intentional, not random.

Can I wear blue and yellow without looking sporty?

Yes, by choosing soft shades and real tailoring or fabrics like wool, satin and cashmere. Avoid pairing both colors in bright cotton jersey or athletic cuts.

How do I wear blue and yellow in winter?

Use a butter cream or yellow coat over blue knits, or a cobalt coat with a yellow scarf. Add tights, boots and gloves in neutral tones so the colors stay the focus.

What neutral works as the third color?

White, cream and denim are the safest. They calm the pair and make either color easy to wear in a small amount.

Which blue and yellow combination suits an office?

Navy pants with a butter yellow knit, or a butter yellow blazer over a white shirt with mid-blue jeans. Both keep the yellow as the single accent.