• 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 Knit Top and Shorts Outfit Ideas for Easy Summer Style

20 Knit Top and Shorts Outfit Ideas for Easy Summer Style

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

A knit top makes a pair of shorts look like an outfit rather than something you threw on for the garden. The texture does the work that a plain tee can't. Fine-gauge tanks, pointelle tops, knit polos and matching sets all go with cutoffs, linen shorts, tailored Bermudas and drawstring pairs. Summer knitwear has moved toward lighter yarns, longer shorts, halter necks and crochet-style textures, which suits real heat much better than the chunky knits of a few years ago. The only thing I insist on is an airy knit, because a dense one in July is miserable. Below are twenty combinations, with the fit and shoe choices I'd make for each.

20 Knit Top and Shorts Outfit Ideas for Easy Summer Style - 20 Knit Top and Shorts Outfit Ideas for Easy Summer Style

How Long the Shorts Should Be Under a Knit

The inseam is the measurement I look at first, because it changes how every knit top on this list looks. Shorts are sold by inseam length, the seam from the crotch down to the hem, and the same top reads very differently over each one.

  • Short inseams (around 3 inches) show the most leg and suit fitted or cropped knits. A long knit over them can make it look like you aren't wearing shorts.
  • Mid-thigh inseams (around 5 inches) are the easiest all-rounder and work with almost every top here.
  • Bermudas (roughly 7 to 9 inches) end near the knee. They need a tucked or waist-length knit, or the outfit looks heavy in the middle.

Petite women usually do best with a short or mid-thigh inseam and a tucked top, since a long knit over long shorts leaves very little leg showing. If you're tall, Bermudas look in proportion and a slightly longer knit can be worn out. Sit down in the fitting room too. Shorts rise when you sit, and a hem that looks fine standing can end up much shorter on a café chair.

1. White Knit Tank Top And Denim Shorts Outfit

White Knit Tank Top And Denim Shorts Outfit - 20 Knit Top And Shorts Outfit ideas

White rib and light denim is the pairing I'd buy first. A fitted tank with a high crewneck or square neck sits close, so I go for high-rise shorts with a looser leg to balance it; two tight pieces together look smaller than they should. White sneakers for errands, flat tan sandals for lunch. If you want more coverage, a mid-thigh inseam does it without losing the summer feel. Pale ribbing can show a bra's outline, so pick a smooth nude one. Carry a white or striped shirt for the sun.

2. Black Knit Halter Top And Beige Bermuda Shorts Outfit

Black Knit Halter Top And Beige Bermuda Shorts Outfit - 20 Knit Top And Shorts Outfit ideas

For a city day, a black knit halter with beige Bermudas looks sharp and keeps you covered where it counts. The halter has to fit securely at the bust; if it slides when you lift your arms, it will need adjusting all day. Halters also draw the eye across the shoulders, which suits narrow or sloping shoulders more than very broad ones. Partially fitted Bermudas stop the outfit from looking like office wear. Black ballet flats or slingbacks, a narrow black belt to tie top and shoes together, and a structured shoulder bag. Tan or stone shorts work just as well.

3. Cream Short Sleeve Knit Top And Linen Shorts Outfit

Cream Short Sleeve Knit Top And Linen Shorts Outfit - 20 Knit Top And Shorts Outfit ideas

All-neutral outfits fall flat unless the textures differ, so here I'd put a cream knit in a fine rib or pointelle next to slubby oatmeal linen. The shorts need some room in the leg against the fitted top. Linen creases the moment you sit, which I accept as part of its charm; a crisp knit next to it keeps the outfit looking intentional. If the knit is a bit long, tuck only the front. Tan sandals, a woven crossbody and a slim brown belt. Tortoiseshell sunglasses add just enough contrast.

4. Matching Knit Top And Knit Shorts Outfit

Matching Knit Top And Knit Shorts Outfit - 20 Knit Top And Shorts Outfit ideas

A matching knit set is the most comfortable thing on this list and the easiest to get wrong. In the wrong yarn, it looks like pajamas. I look for a fine, firm gauge that holds its shape at the seat of the shorts, because loose knit shorts bag out after an hour of sitting. Cream, taupe, navy and gray are the most useful; coral and pale blue suit a holiday. Open stitches need a smooth underlayer. Keep accessories structured, like a raffia tote and simple slides, and throw an open linen shirt over it when you want more coverage.

More Amazing Ideas

  • 20 Knot Front Knit Top Outfit Ideas for Easy Summer Style 20 Knot Front Knit Top Outfit Ideas for Easy Summer Style
  • 20 DIY Knit Tank Top Tutorial Outfit Ideas for Easy Summer Style 20 DIY Knit Tank Top Tutorial Outfit Ideas for Easy Summer Style
  • 25 Open Knit Tank Top Outfit Ideas for Breezy Summer Style 25 Open Knit Tank Top Outfit Ideas for Breezy Summer Style
  • 20 Knit Tank Top Fashion Ideas for Effortless Summer Style 20 Knit Tank Top Fashion Ideas for Effortless Summer Style
  • 50 Summer Knit Tops Outfit Ideas for Breezy Layered Looks 50 Summer Knit Tops Outfit Ideas for Breezy Layered Looks

5. Striped Knit Polo Top And Navy Tailored Shorts Outfit

Striped Knit Polo Top And Navy Tailored Shorts Outfit - 20 Knit Top And Shorts Outfit ideas

A striped knit polo with navy shorts is preppy in the good way. I'd pick a short-sleeve polo with a soft collar and an open placket, since a buttoned-up collar feels hot. Cream and navy stripes are the classic; red or green accents make it lighter. Tuck it into pressed, pleated shorts in a mid rise. Polos are cut longer than tanks, so a thin knit tucks better than a thick one. White leather sneakers for casual, loafers if you want it smarter. The stripe is already the detail, so keep jewelry minimal.

6. Butter Yellow Pointelle Knit Top And White Shorts Outfit

Butter Yellow Pointelle Knit Top And White Shorts Outfit - 20 Knit Top And Shorts Outfit ideas

Butter yellow is easier to wear than people expect if it sits next to white rather than other pastels. A lightweight pointelle knit top with a modest scoop or a scalloped edge goes with white denim for weekends or tailored white shorts for something cleaner. Pointelle is full of small holes by design, so a smooth camisole or bralette close to your skin tone goes underneath. Pale yellow can wash out very fair or olive skin near the face; hold it up in daylight first. Tan sandals, a woven bag and pearl studs.

7. Red Knit T-Shirt And Dark Denim Shorts Outfit

Red Knit T Shirt And Dark Denim Shorts Outfit - 20 Knit Top And Shorts Outfit ideas

Red and dark denim have more contrast than the usual light-wash pairing, so this outfit feels bolder with no extra effort. Cherry, tomato or cranberry each have a different undertone; I'd choose by which one makes your skin look clearer, not by trend. A fine-knit crewneck with a mid-thigh, clean-hemmed short keeps it neat. Black flats or loafers and a black belt link back to the indigo. Red knits can bleed in the first few washes, so wash it alone or with darks until the water runs clear. A cream cardigan over the shoulders softens it.

8. Sage Knit Top And Khaki Chino Shorts Outfit

Sage Knit Top And Khaki Chino Shorts Outfit - 20 Knit Top And Shorts Outfit ideas

Sage, khaki, ivory and brown are calm colors that hide dust and grass, which is why I like this outfit for a day outdoors. A sage sleeveless knit top with khaki chino shorts needs a high neck or polo collar to look finished. Tuck it fully and add a woven brown belt. Sandals, canvas sneakers or espadrilles. For a layer, I'd choose an ivory overshirt rather than another green piece; two greens rarely match exactly. Chinos are tough cotton twill, so they handle sitting on a picnic blanket better than linen does.

9. Blue Knit Cardigan And White Shorts Outfit

Blue Knit Cardigan And White Shorts Outfit - 20 Knit Top And Shorts Outfit ideas

A short-sleeve knit cardigan, buttoned up, works as a top and looks more polished than a tee. The check I always do is the buttons: stand sideways in the mirror, and if the placket pulls into little gaps across the bust, size up or wear it open over a tank. Sky blue, cobalt or navy over high-rise white shorts gives clean contrast. Leave the top button open. White sneakers keep it practical; metallic flats dress it up. A navy belt links a dark cardigan to the shorts.

More Amazing Ideas

  • 20 Tropical Print Summer Top Outfit Ideas for Breezy Summer Style 20 Tropical Print Summer Top Outfit Ideas for Breezy Summer Style
  • 20 Knit Crop Top Fashion Ideas for Fresh Summer Outfits 20 Knit Crop Top Fashion Ideas for Fresh Summer Outfits
  • 20 Basic Knit Gold Button Top Outfit Ideas for Polished Style 20 Basic Knit Gold Button Top Outfit Ideas for Polished Style
  • 20 Chevron Knit Top Outfit Ideas for Cozy-Chic Fall Style 20 Chevron Knit Top Outfit Ideas for Cozy-Chic Fall Style
  • 20 Fall Fashion Knit Top Outfit Ideas for Cozy Chic Style 20 Fall Fashion Knit Top Outfit Ideas for Cozy Chic Style

10. Brown Square Neck Knit Top And Ecru Shorts Outfit

Brown Square Neck Knit Top And Ecru Shorts Outfit - 20 Knit Top And Shorts Outfit ideas

Chocolate with ecru is the warm-neutral pairing I'd recommend to anyone who feels black is too harsh in summer. A fitted square-neck knit with wide straps hides a regular bra, which is a practical bonus. High-waisted ecru shorts in a straight or slightly flared leg keep it light. Brown slides, a matching belt and a structured handbag make it look put together. Brown also carries well into late summer, so this outfit lasts longer than most. Keep any pattern small, like a striped tote, rather than adding another strong color.

11. Open Knit Top And Drawstring Shorts Outfit

Open Knit Top And Drawstring Shorts Outfit - 20 Knit Top And Shorts Outfit ideas

An open-knit top and drawstring shorts is a beach-walk outfit, and the layer underneath decides how it looks. I put a fitted tank in nearly the same color under a loose mesh knit so the eye reads one piece, not a sheer top over an obvious camisole. Cotton or linen-blend shorts with an elastic waist. The risk is all-over looseness: oversized top plus baggy shorts swallows a small frame. A slight front tuck or a neater short fixes it. Rope sandals or espadrilles and a roomy woven tote.

12. Navy Knit Tank Top And Striped Shorts Outfit

Navy Knit Tank Top And Striped Shorts Outfit - 20 Knit Top And Shorts Outfit ideas

Striped shorts need a plain, solid top, and navy knit is a good one because it matches nearly every stripe color. Vertical stripes on high-waisted shorts lengthen the leg a little, which is useful if you're petite. The knit adds texture a cotton tank wouldn't. Pick a scoop, square or polo neck depending on how much coverage you want. White sneakers, navy espadrilles or brown sandals. If the shorts have a fabric tie, knot it at the side so the front stays smooth. Keep the nautical touches to one or two, or it tips into costume.

13. Pink Knit Top And Gray Tailored Shorts Outfit

Pink Knit Top And Gray Tailored Shorts Outfit - 20 Knit Top And Shorts Outfit ideas

Pink with gray is how I get people who think they don't wear pink to try it. The gray cools the sweetness down. Dusty rose or muted raspberry against dove gray or charcoal looks grown-up. A fitted short-sleeve knit with a crew or mock neck, tucked into pleated shorts with a defined band. Longer gray shorts can look boxy, and a slim belt solves that. Gray loafers or white sneakers, silver jewelry and a compact cream or burgundy bag. It moves from a casual lunch to a smart-casual office without changing anything.

14. Orange Knit Tank Top And Black Shorts Outfit

Orange Knit Tank Top And Black Shorts Outfit - 20 Knit Top And Shorts Outfit ideas

Orange is loud enough to carry the outfit alone, so I keep everything else black. A fitted knit tank in tangerine, burnt orange or coral, depending on how strong you want it, with high-rise black shorts in linen or a sharper tailored fabric. Black sandals continue the line of the shorts down the leg, which looks longer. White sneakers make it sportier. Burnt orange is the kinder choice for cool or very fair skin; bright tangerine suits warmer tones. An open white linen shirt covers your shoulders without hiding the color.

More Amazing Ideas

  • 20 Green Lace Knit Top Outfit Ideas for Chic Romantic Style 20 Green Lace Knit Top Outfit Ideas for Chic Romantic Style
  • 20 Lace Knit Top Style Outfit Ideas for Chic Layered Looks 20 Lace Knit Top Style Outfit Ideas for Chic Layered Looks
  • 20 Ribbed Knit Fashion Top Outfit Ideas for Cozy Fall Style 20 Ribbed Knit Fashion Top Outfit Ideas for Cozy Fall Style
  • 20 Sculpt Knit Leading Top Outfit Ideas for Modern Style 20 Sculpt Knit Leading Top Outfit Ideas for Modern Style
  • 25 Rainbow Knit Top Outfit Ideas for Colorful Cozy Style 25 Rainbow Knit Top Outfit Ideas for Colorful Cozy Style

15. White Knit Top And White Bermuda Shorts Outfit

White Knit Top And White Bermuda Shorts Outfit - 20 Knit Top And Shorts Outfit ideas

All white works when the textures are different and the shades are slightly off from each other. A ribbed knit with tailored Bermudas in linen or twill, mixing white, ivory and cream, looks layered rather than unmatched. My non-negotiable: check it in daylight, standing by a window. White shorts and white knit can both turn see-through, and a smooth nude underlayer is the fix. A tan belt, woven loafers, raffia and gold warm it up. Great for a holiday dinner, less so for anywhere with red wine.

16. Green Knit Vest And Denim Bermuda Shorts Outfit

Green Knit Vest And Denim Bermuda Shorts Outfit - 20 Knit Top And Shorts Outfit ideas

A green knit vest over a white tee is a little bit preppy and a little bit playful. The vest should have enough room in the armhole to sit over the sleeve without bunching. Denim Bermudas balance the boxy vest with a longer, straighter line below. Crew socks and retro sneakers lean sporty; loafers lean preppy. In real heat, I'd drop the tee and wear the vest alone, but only if the armholes don't gape when you move. Emerald, sage and forest green all sit naturally with blue denim.

17. Lilac Knit Top And Pleated Shorts Outfit

Lilac Knit Top And Pleated Shorts Outfit - 20 Knit Top And Shorts Outfit ideas

Lilac is soft, so it needs one darker thing nearby to stop it looking washed out. I'd use a charcoal belt or a gray bag. The top can be cap-sleeved, a sleeveless mock neck or a gentle V. Pair it with pleated shorts in cream or light gray and tuck it neatly to show off the pleats. Nude flats or gray loafers, an ivory mini bag and silver earrings. Lilac tends to suit cool and neutral skin best; if you're very warm-toned, a lavender with more pink in it is easier near the face.

18. Long Sleeve Knit Top And Athletic Shorts Outfit

Long Sleeve Knit Top And Athletic Shorts Outfit - 20 Knit Top And Shorts Outfit ideas

A long-sleeve knit with running shorts sounds odd until you try it on a cool morning. A thin, slightly relaxed crewneck in gray, cream or navy with black nylon shorts. Front-tuck the sweater so the waistband shows and the outfit has a shape. Retro sneakers, ankle socks, a nylon crossbody and a cap. Choose a knit thin enough to push the sleeves up when the sun comes out. The soft sweater against technical fabric looks more deliberate than head-to-toe gym kit, and it's still comfortable to walk all day in.

19. Peplum Knit Top And High Waisted Shorts Outfit

Peplum Knit Top And High Waisted Shorts Outfit - 20 Knit Top And Shorts Outfit ideas

A peplum knit defines the waist without a tuck, which makes it a good choice if you don't love tucking. The flare should start at your natural waist; if it starts lower, it widens the hips instead. Pair it with smooth, flat-fronted shorts, because pleats or a paper-bag waist fight with the flare. White, black, navy or tan shorts with a floral-colored top. Slingback flats or low block heels and a small structured bag. I'd skip the belt since the peplum already marks the waist. It gives more midsection coverage than a fitted crop.

More Amazing Ideas

  • 20 Sculpt Knit Leading Top Outfit Ideas for Modern Style 20 Sculpt Knit Leading Top Outfit Ideas for Modern Style
  • 20 Zara Twist Knit Top Outfit Ideas for Cozy-Chic Style 20 Zara Twist Knit Top Outfit Ideas for Cozy-Chic Style
  • 25 Rainbow Knit Top Outfit Ideas for Colorful Cozy Style 25 Rainbow Knit Top Outfit Ideas for Colorful Cozy Style
  • 20 Tank Top and Biker Shorts Outfit Ideas for Sporty Summer Style 20 Tank Top and Biker Shorts Outfit Ideas for Sporty Summer Style
  • 20 Handmade Knit Top Design Ideas for Cozy Creative Style 20 Handmade Knit Top Design Ideas for Cozy Creative Style

20. Knit Tube Top And Shorts With Oversized Shirt Outfit

Knit Tube Top And Shorts With Oversized Shirt Outfit - 20 Knit Top And Shorts Outfit ideas

Tube tops scare people off because they slip, so I always start with a lined one that has silicone grip at the top edge. Black, cream or brown are easiest. Wear it with high-rise shorts and throw a white or striped oversized shirt over it, open, with the sleeves rolled. The shirt adds coverage while the straight neckline still shows. If you're very busty, a tube top will need more adjusting than it's worth; a bandeau-style bra with boning underneath helps. Flat sandals or platform sneakers and simple hoops.

Sweat, Sunscreen and a Pale Knit Top

Summer knits get worn in exactly the conditions that ruin them: heat, sweat and lotion. Pale knits show it first, as yellow marks under the arms or orange-tinged stains along the neckline where sunscreen touched the fabric.

  1. Let sunscreen and deodorant dry fully before you put the top on. Most marks come from wet product meeting the knit.
  2. Rinse any marks in cool water as soon as you take the top off. Hot water can set both sweat and sunscreen.
  3. Some chemical sunscreen filters react with the minerals in tap water and leave an orange stain, and chlorine bleach can make it worse. A gentle stain remover worked in with your fingers is safer.
  4. Wash knits inside out on a cool, gentle cycle and dry them flat so the shape and length stay true.

For long days in the sun, I'd pick a darker knit or a print, which hides small marks. Save the white rib and the butter yellow for evenings and errands, where they'll stay clean through more than one wear.

Knit on Top, Shorts Below, and the Fit Between Them

Knit tops and shorts cover everything from beach days to a smart office in summer, and they come down to the same two decisions every time. First, pick a knit light enough for the weather you'll actually be in. Then pick a short that balances its shape: relaxed linen, chinos or Bermudas under a fitted top, and something cleaner and more tailored under a loose one. Let the shoes and bag match the setting. If you want more coverage, go longer in the inseam, higher in the waist, or add an open cotton shirt. Start with the color you reach for most and work outward.

Pin16
16 Shares

Related posts:

20 Knot Front Knit Top Outfit Ideas for Easy Summer Style20 Knot Front Knit Top Outfit Ideas for Easy Summer Style 20 DIY Knit Tank Top Tutorial Outfit Ideas for Easy Summer Style20 DIY Knit Tank Top Tutorial Outfit Ideas for Easy Summer Style 25 Open Knit Tank Top Outfit Ideas for Breezy Summer Style25 Open Knit Tank Top Outfit Ideas for Breezy Summer Style 20 Knit Tank Top Fashion Ideas for Effortless Summer Style20 Knit Tank Top Fashion Ideas for Effortless Summer Style 50 Summer Knit Tops Outfit Ideas for Breezy Layered Looks50 Summer Knit Tops Outfit Ideas for Breezy Layered Looks 20 Tropical Print Summer Top Outfit Ideas for Breezy Summer Style20 Tropical Print Summer Top Outfit Ideas for Breezy Summer Style 20 Knit Crop Top Fashion Ideas for Fresh Summer Outfits20 Knit Crop Top Fashion Ideas for Fresh Summer Outfits 20 Basic Knit Gold Button Top Outfit Ideas for Polished Style20 Basic Knit Gold Button Top Outfit Ideas for Polished 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 Knit Tank Top Fashion Ideas for Effortless Summer Style 20 Knitted Crop Top Long Sleeve Outfit Ideas for Cozy Fall Style