17 Smart Casual Office Outfits for Men

Three smart casual office outfits for men, a pinstripe suit with a white tee, a grey check blazer with jeans and an olive blazer with chinos
Photos: casper somia, Mikhail Nilov and Abhishek Shekhawat on Pexels
What's in this guide
  1. 1. Charcoal Pinstripe Suit With a White Tee
  2. 2. Grey Check Blazer, Navy Jeans and Dark Lace-Ups
  3. 3. Olive Blazer, Navy Shirt and Olive Chinos
  4. 4. White Shirt, Slim Black Tie and Black Trousers
  5. 5. Light Blue Check Shirt With a Cream Tie
  6. 6. Black Overcoat, Light Blue Shirt and Dark Jeans
  7. 7. Pale Blue Shirt, Black Trousers and Brown Boots
  8. 8. Navy Blazer, White Shirt and Light-Wash Jeans
  9. 9. Navy Textured Coat Over a Plum Sweater
  10. 10. Stone Button-Down, Rolled Sleeves and Charcoal Trousers
  11. 11. Taupe Polo, Black Trousers and a Jacket on the Shoulder
  12. 12. Tan Suit, Black V-Neck and Dark Sneakers
  13. 13. Cream Cable Knit, Navy Trousers and White Sneakers
  14. 14. All White Shirt and Trousers With a Brown Belt
  15. 15. Charcoal Blazer Over a Washed Blue Shirt
  16. 16. Gingham Blazer, Navy Shirt and Beige Chinos
  17. 17. White Shirt, Beige Trousers and a Blazer on the Shoulder
  18. How to Do Smart Casual at the Office
  19. FAQ

Most offices don't want a full suit anymore, but "smart casual" is still a hard dress code to read. Too relaxed and you look like you're off to the gym. Too sharp and you look like you're going to a wedding.

These 17 smart casual office outfits for men sit right in the middle. Each one shows the full look, lists the pieces and says when to wear it. Some use a blazer, some are just a good shirt, and a few work in summer or in a cold office.

Short on time? Start here

1. Charcoal Pinstripe Suit With a White Tee

Man in a charcoal pinstripe suit with a white T-shirt and black ankle boots, seated on a white ledge
Photo: casper somia on Pexels

A suit with a plain tee is the quickest way to make a suit feel relaxed. The fine pinstripe keeps it office-ready, and the cropped trousers show off the black boots. Keep the tee thick and clean, with no logo.

The pieces

  • Charcoal pinstripe suit jacket
  • White crew neck T-shirt
  • Matching cropped pinstripe trousers
  • Black lace-up ankle boots

Wear it to: a creative office, client lunches, a casual Friday.

Swap: wear the jacket with dark jeans and keep the tee.

2. Grey Check Blazer, Navy Jeans and Dark Lace-Ups

Man seated in an office chair in a grey check blazer, white shirt, navy jeans and dark brown lace-up shoes, reading a notebook
Photo: Mikhail Nilov on Pexels

A soft grey check blazer with dark jeans is the most reliable smart casual formula there is. The pattern is quiet, so it works with the plain white shirt. Dark polished lace-ups tell people you dressed on purpose.

The pieces

  • Grey check blazer
  • White shirt, top button open
  • Dark navy slim jeans
  • Dark brown leather lace-up shoes

Wear it to: a desk day, team meetings, an after-work drink.

Swap: a navy knit under the blazer instead of the shirt on cold mornings.

3. Olive Blazer, Navy Shirt and Olive Chinos

Man in a dark olive blazer, navy shirt, olive chinos, black belt and brown lace-up boots against a light grey wall
Photo: Abhishek Shekhawat on Pexels

Green on green sounds risky, but a dark olive blazer and lighter olive chinos sit close enough to look planned. The navy shirt adds depth. Brown lace-up boots finish it in the same earthy range.

The pieces

  • Dark olive blazer with patch pockets
  • Navy shirt, collar open
  • Olive chinos
  • Black leather belt
  • Brown lace-up boots

Wear it to: autumn office days, a meeting with clients, dinner after work.

Swap: dark grey trousers instead of the chinos if olive feels like too much. A brown belt would also sit better with the boots than black.

4. White Shirt, Slim Black Tie and Black Trousers

Man in a white shirt with sleeves rolled, slim black tie, black trousers, black belt and black loafers, with a wristwatch
Photo: Thể Phạm on Pexels

This is the base look for any office with a mild dress code. Crisp white, slim black tie, black trousers. Rolling the sleeves once makes it less stiff, and the loafers keep it simple.

The pieces

  • White shirt, sleeves rolled up
  • Slim black tie
  • Black slim trousers
  • Black leather belt
  • Black loafers

Wear it to: reception desks, sales days, a first week at a new job.

Swap: drop the tie and open the collar for a casual day. Same shirt, same trousers, much less formal.

5. Light Blue Check Shirt With a Cream Tie

Man in a light blue check shirt with sleeves rolled, a cream patterned tie, black trousers and dark loafers, leaning on a desk
Photo: Ali Drabo on Pexels

A check shirt with a tie is a good middle ground when a full suit is too much. The pale blue check is gentle, and the cream tie brings in a warm tone. Black trousers keep it sharp, so the shirt can stay playful.

The pieces

  • Light blue and cream check shirt, sleeves rolled
  • Cream textured tie
  • Black straight trousers
  • Black suede loafers
  • Black-framed glasses

Wear it to: a front desk job, a team presentation, a casual Friday with a tie.

Swap: a plain light blue shirt and a navy tie if you want it calmer.

6. Black Overcoat, Light Blue Shirt and Dark Jeans

Man in a short black overcoat, light blue shirt, dark grey jeans and brown lace-up boots, carrying a laptop
Photo: Arina Krasnikova on Pexels

The coat does the work in cold months. A short black overcoat over a light blue shirt looks neat on the walk in, and you can hang it up when you arrive. Dark jeans and brown boots keep it from feeling too formal.

The pieces

  • Short black overcoat
  • Light blue shirt
  • Dark grey slim jeans
  • Brown lace-up boots

Wear it to: the winter commute, a day of meetings, an evening event after work.

Swap: charcoal trousers instead of jeans if your office is stricter.

7. Pale Blue Shirt, Black Trousers and Brown Boots

Man on an outdoor staircase in a pale grey-blue button-up shirt, black slim trousers and brown boots, holding a laptop
Photo: Arina Krasnikova on Pexels

No jacket, no tie, and still clearly dressed for work. The pale blue shirt is soft, and black slim trousers make it look tidy. Brown boots add some warmth and make the look less corporate.

The pieces

  • Pale grey-blue button-up shirt
  • Black slim trousers
  • Brown leather boots
  • Watch on the left wrist

Wear it to: a hybrid work day, a coworking space, a coffee meeting.

Swap: dark jeans in place of the trousers on a very casual day.

8. Navy Blazer, White Shirt and Light-Wash Jeans

Man in a navy textured blazer, open-collar white shirt and light-to-mid wash jeans, touching his collar with a silver wristwatch visible, by a window
Photo: Barakat Zeewaneh on Pexels

The blazer and jeans pair works every time if the jeans are a clean, mid-wash blue with no rips. The blazer has a soft, textured fabric that looks relaxed but still sharp. The watch is the only detail you need.

The pieces

  • Navy textured blazer
  • White shirt, collar open
  • Light-to-mid wash straight jeans
  • Silver watch
  • Dark brown belt with a silver buckle
  • Add leather shoes (not shown)

Wear it to: a workday with no clients, a lunch meeting, drinks after work.

Swap: grey trousers in place of jeans for a more formal day.

9. Navy Textured Coat Over a Plum Sweater

Man in a navy textured coat over a plum crew neck sweater and a light blue collared shirt, wearing dark sunglasses
Photo: Евгений Горман on Pexels

This is a cold-weather office look with one bold piece. The plum sweater adds color under a plain navy coat, and a light blue collar peeks out at the neck. Layering like this keeps you warm without bulk.

The pieces

  • Navy textured coat
  • Plum or berry crew neck sweater
  • Light blue collared shirt under the sweater
  • Add dark trousers or jeans (not shown)

Wear it to: the winter commute, an early meeting, lunch outside.

Swap: a grey or charcoal sweater if plum feels loud.

10. Stone Button-Down, Rolled Sleeves and Charcoal Trousers

Man leaning on a grey wall in a stone-colored button-down shirt with rolled sleeves, charcoal trousers, black belt and a smartwatch
Photo: foad shariyati on Pexels

A button-down in a neutral stone color is easier to wear than white, and it hides small marks. The sleeves are rolled up and the trousers are a slim charcoal. It reads smart without trying hard.

The pieces

  • Stone or taupe button-down shirt, sleeves rolled
  • Charcoal slim trousers
  • Black leather belt
  • Black leather shoes
  • Smartwatch

Wear it to: a normal office day, a client call, a long day in the studio.

Swap: a light blazer on top if you have a meeting.

11. Taupe Polo, Black Trousers and a Jacket on the Shoulder

Man in a taupe polo shirt and black trousers with a black jacket over his shoulder, wearing sunglasses and a watch
Photo: Anh Lê on Pexels

A polo can work at the office if it fits well and is a knit or pique fabric, not a sports one. Taupe looks softer than white. Carrying a dark jacket on the shoulder means you're ready for the meeting room.

The pieces

  • Taupe fitted polo shirt
  • Black trousers
  • Black jacket, carried on the shoulder
  • Watch
  • Sunglasses for the commute

Wear it to: warm-weather office days, a site visit, a business casual Friday.

Swap: navy trousers and a navy jacket for a softer contrast.

12. Tan Suit, Black V-Neck and Dark Sneakers

Man walking in a tan suit with a black V-neck tee and black sneakers in front of a stone wall
Photo: SAAD EMRIS on Pexels

A tan suit is the right pick for warm weather. The black V-neck under it gives strong contrast, and dark sneakers make it casual enough for a creative workplace. Keep the sneakers clean and low-profile.

The pieces

  • Tan suit jacket
  • Black V-neck T-shirt
  • Matching tan trousers
  • Black low-top sneakers

Wear it to: a summer office day, a casual client visit, a rooftop event.

Swap: white sneakers and a white tee for a lighter version.

13. Cream Cable Knit, Navy Trousers and White Sneakers

Man walking in a cream cable knit sweater, navy trousers, white sneakers and sunglasses between green pillars
Photo: Ajay Shanker on Pexels

Knitwear is the easiest way to look smart without a jacket. A cream cable knit is soft and a little textured, and navy trousers keep it grounded. White sneakers fit if your office is relaxed.

The pieces

  • Cream cable knit crew neck sweater
  • Navy straight trousers
  • White low-top sneakers
  • Sunglasses for the commute

Wear it to: an office with no dress code, a long day at your desk, a casual team lunch.

Swap: a shirt collar under the knit and leather shoes if you need to look sharper. See more in formal sweater outfits for men.

14. All White Shirt and Trousers With a Brown Belt

Man in a white shirt with sleeves pushed up, white trousers and a dark brown belt, long sleeves down to the wrist and a black watch, standing outdoors
Photo: Rajeev Singh on Pexels

White on white looks clean in hot weather. The dark brown belt cuts the white in half and adds shape. Use it when the office is warm and the dress code is easy.

The pieces

  • White cotton shirt, long sleeves, cuffs at the wrist
  • White chinos or jeans
  • Dark brown leather belt
  • Black sport-style watch

Wear it to: summer office days, a client lunch, a work trip somewhere hot.

Swap: stone or beige trousers if white feels risky around coffee.

15. Charcoal Blazer Over a Washed Blue Shirt

Man in a charcoal blazer over a washed blue button-up shirt with dark trousers, a belt and a silver watch, with a hand in his hair
Photo: Andres Idda Bianchi on Pexels

A washed blue shirt is softer than a crisp one, and it works well under a dark blazer. The shirt is worn open at the collar, so it feels relaxed. Dark trousers and a simple belt keep the lower half quiet.

The pieces

  • Charcoal unstructured blazer
  • Washed blue button-up shirt
  • Dark grey trousers
  • Dark belt with a plain buckle
  • Silver watch

Wear it to: an evening team event, a long meeting day, dinner after work.

Swap: a white shirt for a sharper version. For more blazer ideas, see formal blazer outfits for men.

16. Gingham Blazer, Navy Shirt and Beige Chinos

Man in a black and white gingham blazer over a navy shirt with beige chinos and sunglasses, leaning against a white wall
Photo: Domenico Morfeo on Pexels

A gingham blazer is a bold choice for a smart casual office, but the small check reads almost as a texture. The navy shirt underneath is dark, so the pattern gets all the attention. Beige chinos keep the look light.

The pieces

  • Black and white gingham blazer
  • Navy shirt, collar open
  • Beige chinos
  • Watch
  • Sunglasses for outside

Wear it to: a creative office, a client lunch in summer, a networking event.

Swap: a plain navy blazer if you want to skip the pattern. For more beige trousers, see formal chinos outfits for men.

17. White Shirt, Beige Trousers and a Blazer on the Shoulder

Man in a white shirt with a brown leather belt and beige trousers, holding a dark blazer over his shoulder while checking his watch
Photo: Joon Tae Kim on Pexels

This is a simple look for a warm morning. White shirt, beige trousers and a brown belt. Carry the blazer and put it on for meetings. It looks sharper than a polo and cooler than a full jacket.

The pieces

  • White button-up shirt
  • Beige trousers
  • Brown leather belt
  • Dark blazer, carried
  • Silver watch

Wear it to: a hot commute, a short presentation, a lunch with the boss.

Swap: a light blue shirt if white shows too much.

How to Do Smart Casual at the Office

Start with one smart piece. A blazer, a collared shirt or a pair of good trousers is enough. Everything else can be relaxed. If every piece is smart, you're dressed formal. If none are, you're dressed casual.

Get the fit right first. Shoulders should sit on your shoulder bone. Shirts should skim your body without pulling at the buttons. Trousers should end at your shoe with a small break, or just above the ankle if you wear slim ones. For more on this, see formal color combinations for men.

Pick your base colors. Navy, grey, charcoal, stone and white go with each other. Add one accent, like olive, plum or light blue, not three.

Office type Start with
Strict, client-facing Blazer, collared shirt, dark trousers, leather shoes
Business casual Button-down or knit, chinos, loafers or boots
Relaxed, creative Blazer with jeans, polo or sweater, clean sneakers
Hot weather Light cotton shirt, tan or white trousers, loafers

Shoes decide the dress code. Leather lace-ups and loafers look smart. Clean low-top sneakers are fine in relaxed offices. Beat-up trainers are not.

Keep jeans dark and plain. No rips, no fading on the thighs, no bright washes. A dark or mid-wash pair with a blazer works in most offices.

Skip the extras. One watch, one belt that matches your shoes, and that's all you need. If you have an interview, interview outfits with a tie go a step more formal.

FAQ

What is smart casual for men at the office? It means a mix of smart and relaxed pieces. A blazer with jeans, a collared shirt with chinos or a fine knit with trousers are all examples.

Can I wear jeans in a smart casual office? Usually yes. Pick dark or mid-wash jeans with no rips, and wear them with a blazer or a collared shirt and leather shoes.

Can I wear sneakers with smart casual? Yes, if they are clean, low-top and in a plain color like white or black. Leather ones look smarter than canvas or running shoes.

Is a polo okay for the office? In most relaxed offices, yes. Choose a fitted cotton polo in a plain color and wear it with chinos or dark trousers, not shorts or joggers.

Ignacio Lopez

About Ignacio Lopez

A men's style writer helping guys dress with confidence and build a wardrobe that feels like their own.

Learn more about Ignacio →

More Occasion Outfits