French Onion Mac and Cheese

5 from 3 votes
Jump to Recipe

Ever found yourself torn between making a creamy mac and cheese or a bubbling pot of French onion soup, then this French Onion Mac and Cheese is your answer. It’s the best of both comfort foods in one ridiculously flavourful dish. It’s got slow-caramelized onions, melty gruyère, and golden, bubbling cheese on top. It’s rich, savoury, just slightly sweet from the onions, and every bite tastes like it’s come straight from a cozy bistro.

A skillet filled with French Onion mac and cheese topped with golden, crispy breadcrumbs. A large spoon has scooped out a portion, revealing creamy pasta beneath the crunchy topping.

This French Onion Mac and Cheese recipe is what happens when two comfort food icons come together, and it just works. The jammy caramelized onions bring that sweet and savoury French onion soup vibe, while the creamy sauce (thanks to gruyère, mozzarella, dijon, and a hit of onion bouillon) coats every noodle in cheesy perfection. And don’t even get me started on that broiled, bubbly top; it’s golden, crispy, and completely addictive. If you love my French Onion Dip or my Stuffed Pasta Shells, you already know I don’t mess around with flavour. This one’s next level.

😍 Why You’ll Love This French Onion Mac and Cheese

Ultimate comfort food: rich caramelized onions and creamy mac and cheese come together in one cosy dish.
Golden and bubbly: broiled cheese on top gives you that irresistible crispy crust.
Cheese lovers’ dream: two kinds of cheese, plus a broiled cheesy top? Say less.
Low fuss: it tastes like you spent all day cooking without actually doing that.

A cast iron skillet filled with creamy mac and cheese sits on a stove, surrounded by a bowl of potatoes and green peppers, an onion, seasoning, and a blue-striped towel.

🧀 Ingredients To Make French Onion Mac and Cheese

Macaroni: cooked just until al dente. Short shapes like elbows, cavatappi, or shells also work.
Olive oil and butter: a combo of both gives you the best base for caramelizing onions and building a rich, glossy roux.
Milk: for that creamy sauce that still feels rich.
Gruyère cheese: the classic choice for French onion soup, it’s nutty, melty, and so savoury.
Mozzarella cheese: adds that signature gooey mac and cheese texture.
Yellow onions: thinly sliced and slowly caramelized to bring out that sweet, savoury French onion flavour.
Garlic: adds an aromatic punch that ties everything together.

Better Than Bouillon Sautéed Onion Base: this is the secret weapon; it deepens the whole dish and makes everything taste like it’s been simmering for hours.
Balsamic vinegar: just a splash to round out the sweetness of the onions and add a little tang.
Dijon mustard: helps cut through the richness and sharpens the cheesy sauce just slightly.
Fresh thyme: adds an earthy note that complements the onions perfectly.
Nutmeg: just a pinch adds a subtle warmth and depth.
Breadcrumbs: for a golden, crispy topping. Panko works or make your own homemade breadcrumbs.

✔ How To Make This French Onion Mac and Cheese Recipe

Start by prepping your onions. Peel and thinly slice all four yellow onions, then set them aside. To caramelize the onions, heat the olive oil and 1 tablespoon of butter in a large oven-safe pan over medium heat. Once the butter has melted, add the onions along with a pinch of salt and pepper. Cook them low and slow, stirring every few minutes, for about 10 to 15 minutes. They should start to soften and take on a golden colour.

Add the garlic and fresh thyme and cook for about 1 minute, just until the garlic becomes fragrant. Then stir in the balsamic vinegar and 1 tablespoon of the Sautéed Onion Better Than Bouillon. Let it all bubble together for another minute, then transfer the onions to a bowl and set aside.

Next, bring a large pot of salted water to a boil and cook your macaroni until just al dente, about a minute or two less than the package instructions. Drain and set aside.

A cast iron skillet filled with creamy French onion soup mac and cheese, topped with golden, crispy breadcrumbs and fresh herbs. Nearby are a kitchen towel, sprigs of thyme, and two yellow onions on a gray surface.

🤝 Sammy’s Tip for French Onion Mac and Cheese

  • For that final touch, broil the top for the last 1-2 minutes to get that crispy, golden crust.

Now, make the cheese sauce. In the same pan you used for the onions, melt the remaining 2 tablespoons of butter over medium heat. Once melted, whisk in the flour to form a roux. If the mixture looks too dry, you can add an extra tablespoon of butter to smooth it out. Cook the roux for about 1-2 minutes, just until it starts to turn golden.

Slowly pour in the milk while whisking continuously. Stir until the roux has fully melted into the milk and the sauce is smooth. Then add the second tablespoon of Sautéed Onion Better Than Bouillon, the dijon mustard, and a pinch of nutmeg. Bring the sauce to a gentle simmer and let it thicken slightly.

Once thickened, stir in most of the shredded cheese (save some for the top) and mix until fully melted and creamy. Turn off the heat and fold in your cooked macaroni and the caramelized onions. Stir until everything is well combined and coated in the sauce.

Top with the remaining shredded cheese and a layer of breadcrumbs. Pop the pan in the oven and bake at 375F for 15-20 minutes, or until golden and bubbling.

🗒 Variations

Make it spicy: add a pinch of cayenne or red pepper flakes to the cheese sauce for a subtle kick.
Switch up the cheese: try different cheeses based on your preference, like sharp white cheddar, fontina, or smoked gouda.

🗒 Substitutions

Pasta swap: use shells, cavatappi, or rigatoni instead of macaroni if that’s what you have.
Fresh thyme: dried thyme works in a pinch; use about 1 teaspoon.
Butter: use plant-based butter if you’d like.

🍴 Leftovers? Lucky you.

Store leftovers in an airtight container in the fridge for up to 4 days. Reheat gently in the oven or microwave.

A white bowl filled with creamy mac and cheese, topped with golden breadcrumbs, sits on a kitchen counter with jars and cooking items in the background.

🤔 FAQ’S

Can I skip the breadcrumbs?

Totally optional, but they add a great crunch to contrast the creamy mac and cheese.

Is this french onion mac and cheese vegetarian?

Yes it’s vegetarian as is!

What’s the best pasta shape to use?

I prefer the classic macaroni, but shells, cavatappi, or rigatoni all work well too.

Do I need to use the Better Than Bouillon?

It really amps up the savoury, French onion soup flavour so I would really recommend it!

What can I serve this with?

This creamy mac and cheese is rich and satisfying on its own, but a simple green salad with a vinaigrette or some roasted veggies on the side makes it a complete meal.

👩🏻‍🍳 Hungry For More? 

If you loved this French Onion Mac and Cheese recipe, then make sure to check out a few of my other favourites you may also love:

💌 Let’s Stay Connected

Keep in touch with me on Instagram, TikTokFacebook, and Pinterest! If you do make this creamy mac and cheese recipe (or any recipe of mine) don’t forget to leave a review.

A cast iron skillet filled with creamy French Onion mac and cheese. The top is golden brown and crispy with breadcrumbs, and a serving spoon has scooped out a portion, revealing savory, cheesy pasta underneath.
5 from 3 votes

French Onion Mac and Cheese

French Onion Mac and Cheese has caramelized onions, melty gruyère, and golden, bubbling cheese on top. It's rich, savoury, slightly sweet from the onions, and every bite tastes like it's come straight from a cozy bistro.
Prep: 30 minutes
Cook: 20 minutes
Total: 50 minutes
Servings: 6 people

Equipment

  • 1 large pan

Ingredients 

  • 375 grams macaroni, uncooked
  • 2 tbsp olive oil
  • 3 tbsp all-purpose flour
  • 3 tbsp butter, unsalted
  • 3 cups milk, 2%
  • 2 cups gruyere, shredded
  • 1 cup mozzarella, shredded
  • 4 yellow onions, thinly sliced
  • 4 garlic cloves, minced
  • 2 tbsp Better Than Bouillon Sautéed Onion Base
  • 1 tbsp balsamic vinegar
  • 1 tsp dijon mustard
  • 1 tbsp fresh thyme, finely chopped
  • 1/4 tsp ground nutmeg
  • 1/4 cup seasoned panko breadcrumbs, toasted, to garnish

Instructions 

  • Begin by preparing your onions – remove the peels, slice fine and set aside until ready to use.
  • To a large oven safe pan add the olive oil and 1 tbsp of butter and set to medium heat.
    Once the butter has melted add the onions with a pinch of salt and pepper.
    Stir the onions every few minutes for about 12 to 15 minutes.
  • Add the garlic and fresh thyme and let cook for an additional minute, just until the garlic becomes fragrant.
  • Reduce the heat the low and add 1 tbsp of Better Than Bouillon Sautéed Onion Base and balsamic vinegar and mix until combined.
    Let cook for an additional minute and then remove the onions from the pan and set aside while you prepare your sauce.
  • Preheat your oven to 375 °F and cook your macaroni until al dente – then set aside until ready to use.
  • To the same pan you used to fry the onions, add the remaining 2 tbsp of butter and set to medium heat. Once melted, add the flour and whisk together to create a roux.
    Whisk constantly for 1–2 minutes, or until the mixture becomes slightly golden in color and is smooth and you see no clumps.
    If the roux appears dry, you may add an additional tablespoon of butter.
  • Slowly add the milk, stirring constantly until the roux has melted into the milk.
    Add in the last tbsp of Better Than Bouillon Sautéed Onion Base, mustard and nutmeg and allow the sauce to come to a light simmer until slightly thickened.
  • Stir in almost all of the cheese (save some to add to the top) and slowly mix until combined.
  • Turn off the heat and add your cooked macaroni and mix to combine.
    Top with the rest of the cheese and the breadcrumbs.
  • Bake for 15-20 minutes or until golden and bubbly.
    Sammy's tip: broil for the last 1-2 minutes.

Video

Nutrition

Calories: 671kcal | Carbohydrates: 61g | Protein: 31g | Fat: 34g | Saturated Fat: 18g | Polyunsaturated Fat: 2g | Monounsaturated Fat: 11g | Trans Fat: 0.2g | Cholesterol: 93mg | Sodium: 540mg | Potassium: 501mg | Fiber: 4g | Sugar: 11g | Vitamin A: 974IU | Vitamin C: 8mg | Calcium: 730mg | Iron: 1mg

Nutrition information is automatically calculated, so should only be used as an approximation.

Additional Info

Prep Time: 30 minutes
Cook Time: 20 minutes
Total Time: 50 minutes
Course: Main Course, pasta, Side Dish
Cuisine: American
Servings: 6 people
Calories: 671
Like this recipe? Leave a comment below!

About Sammy Montgoms

I am so glad you are here. I am a BIG foodie gal. I am one of those people who lives to eat, rather than eats to live. I love to create nostalgic Italian dishes (especially pasta), but I also love to whip up simple and quick recipes for my family. Hopefully, my page inspires you to do the same. Thank you for being here, and happy eating!

You Might also like:

5 from 3 votes

Leave a comment

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

Recipe Rating




9 Comments

    1. Looks amazing! Is it possible to put everything together and wait to bake it? Keep it refrigerated until bake time?

  1. 5 stars
    For those who haven’t been able to find the Better Than Bouillon Roasted Onion, I ended up using the beef and the roasted garlic versions (half and half) and this was delicious!!! I don’t have a comparison to the original version but I won’t change a thing! Even my picky kids who don’t like onions loved this.