How to Wear Pink and Navy Blue: 26 Outfits for Work, Weekends and Dinners

Navy blue is a softer black, so pink sits on it like a spotlight. Here are 26 looks in the spirit of Ganni and Sandy Liang, from office to dinner, with the right pink for each.

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.

Navy Blazer, Hot Pink Top

This is the cleanest way to start: a navy blazer with gold buttons over one hot pink piece, and nothing else competing.

Choose a blazer that covers the hips and sits boxy on the shoulders, so the pink reads as a decision and not a costume. Cream wide-leg pants quiet the contrast and make the whole thing look planned.

Check the gold buttons are matte, not shiny plastic. That one detail is what makes an affordable blazer look expensive at the office.

Pale Pink Oxford, Navy Pleated Midi

A pale pink oxford shirt is the softest entry into this pairing, and it is why this is the safest office look in the set.

The navy pleated midi skirt gives the shirt a school-trip-in-Paris polish. Buy a skirt with real weight, because a thin pleat collapses by lunch.

Navy ballet flats finish it in the same family, so the legs look long and nothing breaks the line.

Navy Track Pants With a Pink Polo

Sporty pants only look chic when everything above them is clean, and a baby pink polo does that job.

Navy track pants with white side stripes feel like the weekend, and the pink keeps them from feeling like a gym bag. A cream chunky knit tied at the shoulders adds the third color that makes it work.

White leather sneakers keep it light. This is the look for coffee, errands and a long walk.

Pink Ruffled Blouse, Navy Wide Pants

A pale pink blouse with a ruffled tie neck is feminine on its own, so give it a strict navy base.

Dark navy wide-leg pants balance the softness and make the ruffle look intentional, not sweet. A black mini bag and loafers keep the whole thing grown-up.

Pick a crepe or matte blouse over shiny satin, since a matte fabric hangs better and photographs calmer.

Hot Pink Quilted Midi, Navy Knit Top

When the pink is the skirt, the navy becomes the quiet top, and this is the best version of that idea.

A hot pink quilted midi skirt has texture, so keep the top simple: a fitted navy fine knit that tucks cleanly. White slingbacks lift the whole look for a girls’ night.

This is one bold piece, so skip pink everywhere else and let the skirt do the talking.

Navy Slip Dress, Pink Cardigan Over the Shoulders

A navy slip dress does dinner on its own, and the pink cardigan is what makes it look styled.

Drape the cardigan over the shoulders instead of wearing it, so you get the color without the bulk. Wear it with bare legs and strappy flat sandals in warm weather.

Pick a dress that falls below the knee, since a longer slip looks more current than a short one.

Navy Stripes With a Pink Slip Skirt

Stripes are the easiest way to add navy without a heavy piece, and pink makes them look fresh.

A navy and white striped top with a pink silk midi slip skirt is Paris weekend dressing, and white sneakers keep it easy. Choose a skirt in a matte pink so it does not look like pajamas.

A small tan bag warms the whole thing up without adding another color.

Fuchsia Skirt, Navy Polo

A fuchsia satin skirt is loud, so the navy fine-knit polo on top is what keeps it polished.

Tuck the polo in, add navy slingbacks, and the look has a preppy edge that works for a dinner or a long lunch. Keep jewelry gold and small.

This is where a Ganni-style mix of sporty top and feminine skirt really shows.

Navy Blazer Over a Pale Pink Shirt

This is the quiet version of the pairing, and it suits an office that is serious about dress codes.

A relaxed navy blazer over a pale pink shirt and cream trousers is classic with no risk. Roll the sleeves once so it looks lived-in and not stiff.

Brown loafers keep the palette warm, which makes the pink look softer.

Hot Pink Sweater, Navy Wide Wool Pants

One cashmere-soft hot pink sweater is enough to make a navy pants day feel joyful.

Navy wide wool pants give the sweater a clean base. A tan tote keeps the look grounded for the office or a weekend market.

Look for a crewneck that sits slightly boxy, so the color is the star and not the cut.

Navy Pea Coat, Baby Pink Crewneck

A double-breasted navy pea coat is the cold-weather anchor of this whole pairing.

Under it, a baby pink crewneck, dark jeans and brown loafers keep the look relaxed and rich. Pick a coat with real wool content so the shoulders hold their shape.

Leave the collar up on windy days. It frames the face and the pink peeks through.

Blush Wool Coat Over Navy

Flip the idea: here the coat is pink and everything under it is navy.

A blush pink wool coat over a navy turtleneck and navy trousers is soft and sharp at once. It is the smart choice for a cold office morning or a winter dinner.

Navy ankle boots keep the line unbroken and the legs look longer.

Cream Knit, Beige Trench, Pink Scarf

This is the look that shows why a cream layer matters: it is the bridge between navy and pink.

Navy track pants, a cream chunky knit and a cropped beige trench let a pink polka-dot headscarf and baby pink shoulder bag do the work. Keep the scarf the only print.

Pink sandals finish it for a mild spring day.

Which Pink for Which Navy

Pale pink suits the office and daytime, hot pink works as one bold piece for nights out, and baby pink is the easy choice for bags and shoes. A cream or beige layer is what ties them together: it softens the contrast so the pair looks planned, not accidental.

Navy Coat, Hot Pink Knit Dress

A long navy coat over a hot pink dress is the boldest cool-weather move here, and it works.

Choose a loose pink knit dress that falls to the calf, with black opaque tights and low boots. The coat does the calm part so the pink can be loud.

Add gold earrings and nothing else.

Navy Sweater, Pink Corduroy Pants

Corduroy turns pink into something cozy and a little preppy. The ridges catch light unevenly, so the color reads softer than the same shade in a flat cotton, which is exactly why it pairs so well with a heavy navy knit.

Pink corduroy pants in a straight leg with a navy fisherman sweater feel like a fall weekend. Brown suede loafers pull in the warmth. If you carry weight through the hips, choose a mid-rise with a little stretch and let the sweater hit at the hip bone, not above it.

Pick a muted pink so the corduroy texture shows instead of the color shouting. Look for a wale that is neither too fine nor too chunky, and check that the fabric has some weight, since thin cord bags out at the knee. Wear it for farmers markets, pumpkin patches and casual Fridays.

Navy Puffer Coat, Pink Hoodie

A short navy puffer and a pink hoodie is the sporty cold-weather answer. Navy is a calmer outer layer than black and makes the pink underneath look intentional rather than loungewear. A cropped puffer also shows off the hoodie hem and keeps your proportions balanced.

Pair them with gray wide sweatpants and white chunky sneakers for a travel day. The pink hoodie is the smaller piece and the navy puffer leads. Gray acts as a quiet buffer between the two colors, so nothing feels too matchy or too loud.

It is warm, easy and still looks like you tried. If you are petite, pick sweatpants with a slight taper at the ankle so the wide leg does not swallow your sneakers. On a budget, spend on the puffer, since fill and stitching decide warmth, and save on the hoodie.

Navy Denim Jacket, Pink Linen Shirt

Warm days call for lighter pieces, and denim in navy is the easy base. A dark wash feels more polished than light blue and keeps the pink linen from reading too sweet. It also layers over almost anything without fussing.

A pink linen shirt under a navy denim jacket with cream pants is relaxed and fresh. Leave the shirt untucked for an easy weekend. Linen wrinkles, and that is part of its charm here, but buy a blend with a little cotton if you want fewer creases by lunch.

Flat tan sandals keep it breezy. Cream pants can look stark on very fair skin, so choose a warmer ivory if that is you. This is a good outfit for brunch, a day of errands or an outdoor lunch where the temperature shifts.

Navy Shorts, Pink Tank, Linen Layer

For a hot weekend, tailored navy shorts are the ones that still feel grown-up.

A baby pink tank, long navy bermudas and a white linen shirt open over the top give you three layers that breathe. Add white sneakers and a straw bag.

The cream-white shirt is the bridge that makes the pink and navy sit together.

Pink Polka-Dot Dress, Navy Cardigan

A pink polka-dot midi dress is playful, and a navy cardigan keeps it grown-up.

Button the cardigan once at the waist, add navy ballet flats and you have a perfect brunch or work-from-café look. Pick small dots, since big ones read as costume.

It is a spring-to-fall dress that works across seasons.

Pink Sneakers With an All-Navy Set

If pink feels like a lot, start with the shoes alone.

A navy matching set, a short-sleeve top and wide pants in the same shade, becomes fresh the moment you add baby pink sneakers. Carry a cream bag so the pink has a friend.

This is the lowest-effort look in the whole set and one of the smartest.

Navy Mini Skirt, Pink Knit Vest

A preppy mini works when the proportions stay clean.

A navy pleated mini skirt under a pink knit vest over a white shirt feels sporty and a little Sandy Liang. Add navy knee socks and loafers for a youthful note.

Keep it to a day look, since the mini is playful.

Navy Satin Dress for a Wedding

For a wedding guest look, navy is the safe choice and a pink accessory makes it yours.

A navy midi dress with a modest neckline, baby pink heels and a pink clutch is polished without upstaging the bride. Keep the neckline high and the hem below the knee.

Gold earrings finish the look.

Hot Pink Dress, Navy Blazer for Dinner

Dinner is where the hot pink piece gets to be bold. A saturated pink looks best at night, when softer light calms it down, and navy is the ideal partner because it grounds the brightness instead of competing with it.

A hot pink midi dress with a long navy blazer thrown over it keeps the evening sharp. Add navy pumps and a small gold chain. Matching the shoes to the blazer lengthens the line from shoulder to floor, which is flattering on any height.

Let the blazer hang open so the pink shows the whole way down. Look for a blazer with a structured shoulder and a lined interior so it holds its shape over a fluid dress. Wear it to a date night, a work dinner or a milestone birthday.

Navy Velvet Top, Pink Trousers for a Holiday Party

A holiday party wants a little shine, and velvet gives it without sequins. The pile of the fabric deepens navy to something almost midnight, which looks rich under string lights and candles.

A navy velvet top with wide pink trousers and navy heels is festive and unexpected. Keep the trousers a soft pink so the velvet stays the star. A top with a fitted body balances the volume of the wide leg, so skip anything boxy.

A small gold bag finishes the look. When shopping for velvet, choose a stretch version with a dense, even pile, since cheap velvet crushes and shows every seat marking. Trousers with a high waist and a long hem that skims the heel look best. It suits office parties and family dinners alike.

Pink Satin Cami, Navy Tailored Pants

For date night, a pink satin cami is a gentle way to bring in the color.

Pair it with navy tailored pants and a cropped navy blazer, plus pink strappy heels. The navy keeps it sharp so the satin looks chosen.

Choose a cami with a clean neckline, not a lingerie one.

Navy Coat, Pink Dress, Pink Bag for Cold Dinners

For a winter dinner, wear navy outside and pink where the coat opens.

A long navy coat with a pink knit midi dress, sheer black tights and low pumps is warm and pretty. Pair it with a baby pink shoulder bag so the color repeats once.

That one repeat is what makes it look planned.

Start With One Pink Piece

Pick the navy you already own and add a single pink piece. Cream between them does the rest, and the pair works all year.

FAQ

Does pink go with navy blue?

Yes. Navy acts like a softer black, so pink stands out against it without clashing. Add a cream or beige piece to tie the two together.

Which pink looks best with navy?

Pale or baby pink is the safest and suits the office. Hot pink works best as one bold piece, like a skirt or a top, against a calm navy base.

What shoes go with pink and navy outfits?

White, cream, tan and brown shoes all work, and navy or pink shoes can repeat a color in the outfit. Avoid black shoes with a navy outfit unless the bag matches.

Can I wear pink and navy to the office?

Yes. A navy blazer with a pale pink shirt and cream pants is a classic office look. Keep the pink soft and the cuts tailored.

How do I make pink and navy look intentional?

Repeat one color twice, such as pink shoes and a pink bag, and add one cream or beige piece. Two or three colors keeps it polished.