• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Inspiring Pretty logo
  • Outfits
    • Tops
      • Crop Tops
      • Tank Tops
      • Crochet Tops
      • Corset Tops
      • Halter Tops
      • Tube Tops
      • Mesh & Sheer Tops
      • Off The Shoulder Tops
      • Sequin Tops
      • Lace Tops
      • Peplum Tops
      • Summer Tops
      • Satin & Silk Tops
      • Long Sleeve Tops
      • Cami Tops
      • Bra Tops
      • Tunic Tops
      • Shirts & Blouses
      • Wrap Tops
      • Going Out Tops
menu icon
go to homepage
search icon
Homepage link
  • Outfits
    • Tops
      • Crop Tops
      • Tank Tops
      • Crochet Tops
      • Corset Tops
      • Halter Tops
      • Tube Tops
      • Mesh & Sheer Tops
      • Off The Shoulder Tops
      • Sequin Tops
      • Lace Tops
      • Peplum Tops
      • Summer Tops
      • Satin & Silk Tops
      • Long Sleeve Tops
      • Cami Tops
      • Bra Tops
      • Tunic Tops
      • Shirts & Blouses
      • Wrap Tops
      • Going Out Tops
×
Home » Outfits » Tops » 20 Orange And Navy Top Outfit Ideas for Bold Coastal Style

20 Orange And Navy Top Outfit Ideas for Bold Coastal Style

By Lindsey · Published Aug 4, 2026 · Updated Oct 27, 2026

Orange and navy sit almost opposite each other on the color wheel, which is exactly why an orange and navy top is easier to wear than it sounds. The navy cools and calms the orange, so the pairing reads confident rather than loud. I've put together twenty outfits below that run from weekend denim to a full navy suit. Before you scroll, it helps to know which orange suits your skin and how much of it you want near your face, so I've started with that.

20 Orange And Navy Top Outfit Ideas for Bold Coastal Style - 20 Orange And Navy Top Outfit Ideas for Bold Coastal Style

Which Orange Belongs Near Your Face

Orange is not one color. In draping sessions, the shade of orange is what makes the biggest difference, far more than the navy. Navy is forgiving on nearly everyone, while orange either brightens a face or makes it look sallow.

  • Warm undertones (veins look greenish, gold jewelry looks better than silver): rust, burnt orange, pumpkin and tangerine all sit happily near the face.
  • Cool undertones (veins look bluish, silver flatters more): coral and pinkish red-orange are kinder than yellow-based orange. A bright pumpkin can make the skin look gray.
  • Neutral or unsure: a muted terracotta or a top where navy dominates and orange appears only as a thin stripe or small print.

If an orange you love doesn't suit you, keep it but move it away from your face. A top with navy across the shoulders and orange lower down, or a navy cardigan worn open over it, keeps the color in the outfit without putting it under your chin.

How Much Orange Versus Navy

The ratio in the top decides how the whole outfit behaves. A mostly navy top with orange details is the easiest to wear and fits a conservative office. A half-and-half color block or wide stripe is the playful middle. A mostly orange top with navy trim is the loudest, and it needs calm bottoms: denim, navy, khaki or cream. I'd avoid putting a mostly orange top with orange trousers unless you want the whole look to read as one bright block.

1. Orange And Navy Top With Straight-Leg Jeans

Orange And Navy Top With Straight Leg Jeans - 20 Orange And Navy Top outfit ideas

This is the pairing I'd test first, because denim is already a faded navy and it picks up the darker stripe without any effort. A striped top with straight-leg jeans looks neat with a medium wash in daylight, while dark indigo takes it closer to a dinner outfit. A front tuck shows your waist; leaving it out gives more coverage. White sneakers, small gold hoops and a tan crossbody finish it. One thing I check: if the stripe is narrow and busy, skip ripped or heavily faded jeans, because two kinds of visual noise start fighting.

2. Orange And Navy Top With White Pants

Orange And Navy Top With White Pants - 20 Orange And Navy Top outfit ideas

White trousers give the orange the most room to glow, since there's nothing competing for attention below the waist. I like straight white jeans for everyday and wide linen trousers once it's properly hot. Tan flat sandals and a woven bag soften the contrast. The real test is opacity: hold the trousers up to a window before you buy, and wear skin-tone underwear rather than white, which shows through more. If you're petite, a shorter top or a neat half-tuck keeps the white leg looking long.

3. Orange And Navy Top With Navy Trousers

Orange And Navy Top With Navy Trousers - 20 Orange And Navy Top outfit ideas

Navy trousers make the top look like part of a plan. Carrying the dark shade through the legs builds one long column, and the orange becomes the only accent. High-rise straight trousers feel classic; wide legs move more. Tan loafers, a cognac tote and fine gold jewelry suit both colors because they sit between them in warmth. Tuck fully for work. The trap here is mismatched navies. Two navies that are slightly off look like a mistake rather than a choice, so I compare them by a window, never under shop lights.

4. Orange And Navy Top With Khaki Chinos

Orange And Navy Top With Khaki Chinos - 20 Orange And Navy Top outfit ideas

Khaki is quietly the best neutral for this palette. It shares orange's warm base, so the two blend, and it gives the navy a softer backdrop than black would. Ankle-length chinos with a straight or slightly tapered leg keep it tidy, and navy loafers or white leather sneakers finish the feet. A brown belt and matching bag tie things up. Roll the sleeves and do a partial tuck. It suits almost any age, and it's my go-to for casual Fridays and museum days.

More Amazing Ideas

  • 20 Navy Floral Summer Top Outfit Ideas for Breezy Coastal Style 20 Navy Floral Summer Top Outfit Ideas for Breezy Coastal Style
  • 20 Seagull Top Outfit Ideas for Effortless Coastal Style 20 Seagull Top Outfit Ideas for Effortless Coastal Style
  • 25 Sarah Cameron Grey Top Outfit Ideas for Coastal Style 25 Sarah Cameron Grey Top Outfit Ideas for Coastal Style
  • 25 Kiara Outer Banks Green Tops for Coastal Summer Style 25 Kiara Outer Banks Green Tops for Coastal Summer Style
  • 20 JJ Outer Banks Tank Tops for a Coastal-Inspired Look 20 JJ Outer Banks Tank Tops for a Coastal-Inspired Look

5. Orange And Navy Top With Denim Skirt

Orange And Navy Top With Denim Skirt - 20 Orange And Navy Top outfit ideas

A denim skirt brings in the shape of a skirt without making the outfit dressy. Knee length or midi in an A-line gives room through the hips and covers well when you sit. Tuck the top and add a slim brown belt. White sneakers keep it modern, and tan ankle boots stretch it into autumn. If you go for a fitted denim pencil skirt instead, let the top be a little looser, otherwise everything clings at once and the outfit looks tight rather than tailored.

6. Orange And Navy Top With Cream Midi Skirt

Orange And Navy Top With Cream Midi Skirt - 20 Orange And Navy Top outfit ideas

Cream is gentler than bright white next to orange, and I reach for it when the blouse has a floral or abstract print that already carries a lot. A pleated, satin or light woven midi changes the mood from daytime to dressy. Tuck the blouse in, then add tan block-heel sandals for height you can actually stand in. A small navy bag links skirt and top. If the blouse is full or puffy, choose a flat waistband rather than a gathered one; two layers of gathers at the waist add width exactly where you want definition. A cropped navy cardigan is the sensible extra layer for graduations or showers.

7. Orange And Navy Top With Black Wide-Leg Pants

Orange And Navy Top With Black Wide Leg Pants - 20 Orange And Navy Top outfit ideas

Black next to navy makes some people nervous, but it works if the black shows up twice. Pointed flats, ankle boots or a structured bag in black stop the trousers from looking like they wandered in from another outfit. Fluid crepe trousers read dressy; ponte gives stretch for long days. A full tuck defines the waist, a short front tuck is kinder if you'd rather not outline your middle. Keep jewelry quiet, because three strong colors are already doing the work. Swap the flats for low block heels and it goes from office to evening.

8. Orange And Navy Top With Light-Wash Jeans

Orange And Navy Top With Light Wash Jeans - 20 Orange And Navy Top outfit ideas

Light-wash denim drags the whole look toward summer and makes the orange feel sunnier. Try a straight, barrel, or cropped wide-leg shape, depending on the proportions you already like on yourself. My rule is one roomy piece at a time: a fitted top over baggy jeans, or an oversized shirt over a slimmer leg. White canvas sneakers, a navy cap and a tan tote finish it. Don't add another bright accent here; the orange is the bright accent. Bring a cream jacket for cool mornings at markets or on road trips.

9. Orange And Navy Top With Orange Pants

Orange And Navy Top With Orange Pants - 20 Orange And Navy Top outfit ideas

Orange trousers under an orange and navy top is the boldest look on this list, and it only works if the oranges belong to the same family. Hold the trousers against the top and match one of its shades rather than guessing. Rust suits autumn; tangerine and coral feel right in spring and summer. Keep the cut plain and let navy loafers or sandals ground the bright bottom half. If a full orange leg feels like too much, muted terracotta gives the same idea at lower volume. It suits creative offices and daytime events more than conservative ones.

More Amazing Ideas

  • 50 Orange Top Outfit Ideas for Bold, Wearable Everyday Style 50 Orange Top Outfit Ideas for Bold, Wearable Everyday Style
  • 25 Orange Fishnet Top Outfit Ideas for Bold Festival Style 25 Orange Fishnet Top Outfit Ideas for Bold Festival Style
  • 50 Orange Crop Top Outfit Ideas for Bright, Bold Summer Style 50 Orange Crop Top Outfit Ideas for Bright, Bold Summer Style
  • 20 Rustic Orange Fashion Top Outfit Ideas for Cozy Fall Style 20 Rustic Orange Fashion Top Outfit Ideas for Cozy Fall Style
  • 25 Casual Orange Top Outfit Ideas for Bright Weekend Style 25 Casual Orange Top Outfit Ideas for Bright Weekend Style

10. Orange And Navy Top With Navy Shorts

Orange And Navy Top With Navy Shorts - 20 Orange And Navy Top outfit ideas

Tailored navy shorts turn this into a hot-weather version of the navy-trouser look. A striped knit, a printed blouse or a relaxed button-up all work. I'd check the length by sitting down in the fitting room, because shorts that feel fine standing often ride up on a bench or bus seat. White sneakers read sporty; tan leather sandals read neater. A woven tote, sunglasses and small hoops are enough. A loose front tuck keeps the waistband in view without making it look formal.

11. Orange And Navy Top With White Shorts

Orange And Navy Top With White Shorts - 20 Orange And Navy Top outfit ideas

White shorts make the top feel like holiday clothing. How bold it looks depends on the top: a few small orange details stay calm, while wide orange stripes create real contrast against white. Tailored shorts suit resort breakfasts and denim ones suit walking all day. Tan slides, a navy bucket bag and gold jewelry finish it. For sun or cover, throw an unbuttoned navy shirt over the top. As with any white bottom, pick a fabric thick enough to stay opaque when you're out in bright sunlight.

12. Orange And Navy Top With Olive Cargo Pants

Orange And Navy Top With Olive Cargo Pants - 20 Orange And Navy Top outfit ideas

Olive looks odd on paper with orange and navy, yet it behaves like a neutral and works especially well with rust orange, burnt orange and deep navy. The green is muted enough that the eye reads it as earthy rather than as another color. With cargos, watch the pockets: a straight or gently tapered leg stops them adding bulk at the thigh. Cream sneakers, a navy belt bag and studs finish it. A fitted or cropped top balances the relaxed trousers, and a longer one looks better half-tucked.

13. Orange And Navy Top With Gray Trousers

Orange And Navy Top With Gray Trousers - 20 Orange And Navy Top outfit ideas

Gray is cooler than the other neutrals here, which makes the orange look warmer by contrast. Charcoal suits autumn and winter; pale gray feels fresher in spring. Tailored ankle trousers or a straight leg keep it office-ready. Navy pumps or loafers tie back to the top, and a cognac bag stops the outfit from going cold. If you add a navy blazer for meetings, leave it open so the orange near your face still shows. It's a good break from the usual white or pale blue work shirt.

14. Orange And Navy Top With Brown Corduroy Pants

Orange And Navy Top With Brown Corduroy Pants - 20 Orange And Navy Top outfit ideas

Brown corduroy is where this palette feels most autumnal, especially if the orange in your top leans burnt or rust. Chocolate, camel or tobacco cords in a straight or wide leg all suit it. Brown ankle boots, a navy bag and small gold hoops are enough. A cream wool coat lifts the whole thing on gray days. One texture note: wide-wale cord is already busy, so I pair it with a smooth knit or woven top rather than a chunky rib or another textured fabric.

More Amazing Ideas

  • 50 Orange Tops Outfit Ideas for Fresh, Bright Everyday Style 50 Orange Tops Outfit Ideas for Fresh, Bright Everyday Style
  • 20 Orange Crochet Top Outfit Ideas for Bright Summer Style 20 Orange Crochet Top Outfit Ideas for Bright Summer Style
  • 20 Orange Turtleneck Crop Top Outfit Ideas for Fall Style 20 Orange Turtleneck Crop Top Outfit Ideas for Fall Style
  • 25 Bright Orange Tank Top Outfit Ideas for Vibrant Summer Style 25 Bright Orange Tank Top Outfit Ideas for Vibrant Summer Style
  • 25 Burnt Orange Silk Top Outfit Ideas for Luxe Fall Style 25 Burnt Orange Silk Top Outfit Ideas for Luxe Fall Style

15. Orange And Navy Top With Pleated Navy Skirt

Orange And Navy Top With Pleated Navy Skirt - 20 Orange And Navy Top outfit ideas

A pleated navy midi adds movement and keeps the dark color below the waist, so the top stays the focus. Tuck the top in fully; untucked, the fabric sits on top of the pleats and adds bulk at the hip. Cognac loafers keep it daytime, and tan block heels make it dressy enough for a luncheon. An orange or navy bag is fine, but don't match every accessory to the top or it starts to look like a uniform. If the waistband is plain, a slim belt gives it a finished edge.

16. Orange And Navy Top With Dark-Wash Flare Jeans

Orange And Navy Top With Dark Wash Flare Jeans - 20 Orange And Navy Top outfit ideas

Dark flares give this top a slightly seventies shape, which suits warm oranges well. Look for a high rise that fits smoothly through the hip before widening below the knee; if the flare starts too high, the leg looks wide all the way down. A fitted knit works best, though a printed blouse tucked in softens it. Platform sandals or heeled ankle boots keep the hem off the ground. Dark denim also keeps the orange looking rich rather than beachy, which is why I'd choose this for dinner or a gig over light-wash flares.

17. Orange And Navy Top With Beige Linen Pants

Orange And Navy Top With Beige Linen Pants - 20 Orange And Navy Top outfit ideas

Beige linen softens the contrast more than any other bottom here. A wide leg with a flat waistband gives a clean line, and a light sleeveless or short-sleeve top tucked in keeps it cool. Flat tan sandals and a straw tote suit the natural palette, or switch to navy sandals to tie back to the top. Linen wrinkles within minutes of sitting down; that's normal and part of the look, so don't fight it with heavy ironing. It can also be thin, so look for a lined pair or wear skin-tone underwear. Keep the accessories light for waterfront days.

18. Orange And Navy Top With Navy Leggings

Orange And Navy Top With Navy Leggings - 20 Orange And Navy Top outfit ideas

For running around all day, a longer top over navy leggings is the comfortable option. A tunic-length knit, an oversized rugby shirt or a loose button-up covers the hips and keeps the colors in step. My one strict check is opacity: bend over in front of a mirror, because thinner leggings turn shiny and see-through when stretched. White sneakers brighten it, and a crossbody belt bag keeps your hands free. If the top swallows you, push up the sleeves or add a small front tuck. A denim jacket covers cooler mornings.

19. Orange And Navy Top With Navy Blazer And Jeans

Orange And Navy Top With Navy Blazer And Jeans - 20 Orange And Navy Top outfit ideas

Adding a navy blazer is the quickest way to make jeans and this top work-appropriate. A plain striped tee keeps it smart-casual; a printed blouse makes it more professional. Dark straight jeans look the sharpest, and medium wash relaxes it. Cognac loafers, a leather tote and small gold pieces finish it. Leave the blazer open, because the orange is what brings warmth up near your face; buttoned up, you lose it. If structured tailoring feels stiff, a knit blazer gives a softer shoulder.

More Amazing Ideas

  • 25 Burnt Orange Silk Top Outfit Ideas for Luxe Fall Style 25 Burnt Orange Silk Top Outfit Ideas for Luxe Fall Style
  • 25 Dark Orange Crop Top Outfit Ideas for Standout Fall Style 25 Dark Orange Crop Top Outfit Ideas for Standout Fall Style
  • 20 Orange Silk Tops Outfit Ideas for Elegant Evening Style 20 Orange Silk Tops Outfit Ideas for Elegant Evening Style
  • 20 Navy And Green Top Outfit Ideas for Fresh, Polished Style 20 Navy And Green Top Outfit Ideas for Fresh, Polished Style
  • 50 Navy Top Outfit Ideas for Polished, Year-Round Style 50 Navy Top Outfit Ideas for Polished, Year-Round Style

20. Orange And Navy Top With Navy Suit

Orange And Navy Top With Navy Suit - 20 Orange And Navy Top outfit ideas

A full navy suit with an orange and navy blouse underneath is the polished end of this palette. The suit keeps the structure and the blouse gives it personality. A single-breasted jacket with straight or wide trousers is the easiest base. Keep the blouse tucked, then add tan or navy pumps, a structured bag and small gold earrings. For a conservative office, choose a small orange print; save large geometric patterns for creative settings. Check the jacket and trousers match in daylight, especially if they weren't bought together.

Stopping Orange Dye From Running Into the Navy

Striped and color-blocked tops in two strong colors carry one practical risk: in the first few washes, dye can bleed from one shade into the other, and orange on a white or pale stripe shows it immediately. Navy can also lose depth and turn grayish over time.

  1. Wash it on its own the first time, in cold water, and check the water for color.
  2. Turn it inside out so the surface rubs less and the dye fades more slowly.
  3. Use a color-catcher sheet in the first few loads with other darks.
  4. Never leave it sitting wet in the drum or in a pile; that's when bleeding happens.
  5. Dry it flat or on a hanger out of strong sunlight, which fades orange faster than most colors.

If a little orange has already crept into a white stripe, wash it again quickly in cold water before it sets, rather than putting it through a hot dryer.

Let Navy Carry the Outfit, Then Add the Orange

Across all twenty outfits, the same principle holds: navy anchors the look and orange is the warm focal point. White, cream, beige, gray, brown, olive and khaki all give the colors room. Repeat one of the two shades in your shoes, jacket or bag and the outfit looks intentional. If you only try one thing from this list, start with the orange that suits your undertone and keep it near your face. The rest is just which bottoms you already own.

Pin1
1 Shares

Related posts:

20 Navy Floral Summer Top Outfit Ideas for Breezy Coastal Style20 Navy Floral Summer Top Outfit Ideas for Breezy Coastal Style 20 Seagull Top Outfit Ideas for Effortless Coastal Style20 Seagull Top Outfit Ideas for Effortless Coastal Style 25 Sarah Cameron Grey Top Outfit Ideas for Coastal Style25 Sarah Cameron Grey Top Outfit Ideas for Coastal Style 25 Kiara Outer Banks Green Tops for Coastal Summer Style25 Kiara Outer Banks Green Tops for Coastal Summer Style 20 JJ Outer Banks Tank Tops for a Coastal-Inspired Look20 JJ Outer Banks Tank Tops for a Coastal-Inspired Look 50 Orange Top Outfit Ideas for Bold Wearable Everyday Style50 Orange Top Outfit Ideas for Bold, Wearable Everyday Style 25 Orange Fishnet Top Outfit Ideas for Bold Festival Style25 Orange Fishnet Top Outfit Ideas for Bold Festival Style 50 Orange Crop Top Outfit Ideas for Bright Bold Summer Style50 Orange Crop Top Outfit Ideas for Bright, Bold Summer Style

Tops

About Lindsey

Lindsey, Linds to the rest of us, is a fashion designer and stylist on the Inspiring Pretty editor team. She has always loved making things with her own hands and has been with the site since 2010.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Footer

↑ back to top

About Inspiring Pretty

Inspiring Pretty logo

Inspiring Pretty is a home for all the things in which women find beauty: outfit ideas, fashion, hairstyles, makeup, beauty and wedding style. Since 2010 it has been written by Claire, Bonnie and Lindsey, three fashion designers and stylists. Learn more about us.

Explore

  • Crop Tops
  • Tank Tops
  • Crochet Tops
  • Corset Tops
  • Halter Tops
  • Off The Shoulder Tops
  • All Tops

Our Mission

Inspiring Pretty exists to help you find what looks and feels pretty on you. Every guide we publish follows the same promise:

  • Show outfit ideas you can actually copy, built from pieces you own or can find easily.
  • Style every look the way we would for a friend: color, fit, season and occasion first.
  • Cover the details that finish a look, from hair and makeup to wedding day style.
  • Include looks for different ages, body types, budgets and plans.
  • Keep every guide honest, clear and easy to browse.

Contact

  • About Us
  • Contact
  • Privacy Policy
  • Email Us
20 Orange and Brown Crochet Top Outfit Ideas for Boho Summer 20 Orange Crochet Top on Hanger Ideas for Creative Displays