Campbell's French Onion Green Bean Casserole Recipe: Crispy Topped Comfort in One Dish

Side Dishes

Campbell's French Onion Green Bean Casserole Recipe: Crispy Topped Comfort in One Dish

This Campbell's French onion green bean casserole recipe delivers the nostalgic comfort of a classic diner dish with a crispy, golden-brown topping that's impossible to resist.

The secret lies in caramelizing onions until they're deep brown and sweet, then layering them with tender green beans and a rich soup base that creates that signature creamy texture. I've perfected this version over years of holiday gatherings, where it disappears faster than the mashed potatoes.

The beauty of this casserole is its simplicity—just a few pantry staples come together in one baking dish, yet the result feels like a restaurant-quality side. The onions develop complex caramelized flavors when cooked slowly, while the green beans stay crisp-tender.

A buttery, crumbly topping (traditional or gluten-free) adds that satisfying crunch that makes this dish legendary. It's the kind of recipe that transforms a simple weeknight dinner into a comforting family meal.

By the time it emerges from the oven, you'll have a bubbling, golden casserole with layers of savory caramelized onions, tender green beans, and that signature creamy soup mixture, all topped with crispy, buttery crunch.

The aroma alone fills the house with warmth, and the first bite delivers all the comforts of childhood holidays. This is the dish that brings people together—whether for Thanksgiving, Christmas, or just a cozy weeknight dinner.

Ready to make it your new tradition? The instructions walk you through every step—from caramelizing onions to achieving that perfect crispy topping—so you can create this classic comfort dish with confidence. Serve it alongside roasted chicken, turkey, or ham for a complete meal that everyone will love.

👨‍🍳
Difficulty
Medium
🌿
Diet
Vegetarian
🔥
Calories
Med Cal

Ingredients for campbell's french onion green bean casserole

Pantry staples and a few fresh ingredients transform into nostalgic holiday comfort.

Ingredient Amount Notes
Yellow Onions 🧅 3 large Thinly sliced for caramelizing
Fresh Green Beans 🌱 1 ½ lb Trimmed, cut into 2-inch pieces
Campbell's Cream of Mushroom Soup 🍄 2 cans 10.5 oz each, undiluted
Unsalted Butter 🧈 ½ cup Cold, cubed for topping
All-Purpose Flour 🌾 ½ cup For crispy topping mix
Milk 🥛 ¼ cup Whole milk preferred
Diamond Crystal Kosher Salt 🧂 1 tsp For seasoning
Ground Black Pepper 🌶️ ½ tsp Freshly ground preferred
Garlic Powder 🧄 ½ tsp For topping flavor
Extra-Virgin Olive Oil 🫒 1 tbsp For sautéing onions
Brown Sugar 🍚 1 tbsp Enhances caramelization
Fresh Thyme Leaves 🌿 ¼ tsp Dried thyme works too

The onions are the star—yellow onions develop the deepest caramelized flavor. Grab 3 large from the grocery store's produce section, where they're usually cheaper than pre-sliced. Look for firm, dry onions with papery skins—those are the sweetest. Trader Joe's often has the best selection, but any store's yellow onions will work. Pro tip: slice them while you caramelize to keep them crisp. The Campbell's Cream of Mushroom Soup can be any brand, but stick with the classic for that nostalgic taste—no need for fancy gourmet versions here. For the green beans, fresh is ideal but frozen works in a pinch (thaw and drain well).

No Campbell's soup? Any cream-style soup works—cream of celery or chicken soup both add depth. Short on butter? Olive oil or margarine keeps the topping crisp, though butter gives that classic richness. The flour topping can be made gluten-free by swapping in almond flour (use 1:1 ratio but add 1 extra tbsp liquid). For extra flavor, add 1/4 tsp onion powder to the topping mix. The thyme leaves can be fresh or dried—if using dried, cut the amount to 1/8 tsp. And if you're feeling fancy, add 1/4 cup grated Parmesan to the topping for an umami kick.

This casserole reheats beautifully—350°F for 20 minutes covered with foil. Stores for 4 days in the fridge, freezes for 3 months (though it's best fresh). I always make double batches—half for dinner, half for lunches the next week. The topping stays crispy if you assemble it last-minute before baking, so don't rush that part. For serving, a sprinkle of fresh parsley or extra black pepper adds that restaurant touch. Leftovers? Even better the next day as the flavors meld.

❤️

Why You'll Love This Recipe

  • One-Pot Magic: I swear by this recipe on days when I’d rather not wash a million dishes—just brown the onions, toss in the green beans, dump in that creamy mushroom soup, and bake. The only cleanup is scraping the pan (which takes two seconds).
  • Caramelized Onion Bliss: That slow-cooked onion layer? It’s the star. The flour-butter roux thickens into a glossy, sweet blanket that makes every bite taste like a hug from a French bistro—no fancy technique required, just patience (and maybe a little sniffing while it cooks).
  • Leftovers That Beg for More: Between us, this casserole tastes better the next day. The flavors meld into this rich, comforting mess that disappears faster than my willpower on a Sunday afternoon. Pack it for lunch or freeze half—it’s always a hit.
  • Budget-Friendly Crowd Pleaser: Fresh green beans might look fancy, but they’re cheap and last forever in the freezer. Add a can of soup, a bag of onions, and butter? You’ve just fed six people for under $10. My college dormmates called it “gourmet”—I called it survival food.

Step-by-step instructions for Campbell's French onion green bean casserole

Here's how to create that perfect golden crust and rich onion flavor everyone loves.

1

Caramelize the Onions for Deep Flavor

Heat the 1 tablespoon extra-virgin olive oil in a large skillet over medium-low heat. Add the 3 large yellow onions, sliced thinly, and cook them slowly for 25-30 minutes until they're golden brown and sweet-smelling. Stir occasionally to prevent burning—this is where the magic happens.

You'll know they're perfectly caramelized when they turn deep amber and the onions release their natural juices. The longer you cook them, the more complex the flavor becomes. Don't rush this step; patience pays off with that signature French onion taste. Once done, remove the onions from heat and set aside in a bowl.

2

Blanch and Prepare the Green Beans

While the onions caramelize, trim the ends from the 1.5 lb fresh green beans and cut them into 2-inch pieces. Bring a large pot of salted water to a boil and blanch the green beans for 3-4 minutes until they're bright green but still crisp-tender.

Immediately drain them in a colander and shock them in ice water for 1 minute to stop the cooking process. This preserves their vibrant color and crisp texture. Drain well and set aside. The beans should be hot but still hold their shape when squeezed gently.

3

Assemble the Casserole Base

Preheat your oven to 375°F. In a large mixing bowl, combine the caramelized onions with the 2 cans Campbell's cream of mushroom soup (do not dilute). Stir in the blanched green beans until they're evenly coated in the sauce. Transfer this mixture to a 9x13-inch baking dish, spreading it out evenly.

Here's where it gets important: don't skip spreading the mixture evenly. The beans should be distributed throughout the sauce, not clustered in one area. This ensures every bite has that perfect balance of creamy mushroom sauce and crisp green beans.

4

Prepare the Crispy Topping

In a medium bowl, melt the ½ cup unsalted butter with the ½ cup all-purpose flour, ½ teaspoon garlic powder, 1 tablespoon brown sugar, 1 teaspoon diamond crystal kosher salt, and ½ teaspoon ground black pepper using a whisk until smooth. Stir in the ¼ cup milk and ¼ teaspoon fresh thyme leaves until fully combined.

This mixture should have the consistency of thick pancake batter—if it's too thick, add a splash more milk; if too thin, add a bit more flour. The topping is what creates that signature crispy crust, so don't skimp on the butter or flour.

5

Bake to Golden Perfection

Spread the topping mixture evenly over the green bean mixture in the baking dish. Use a spatula to create gentle peaks and swirls in the topping for visual appeal. Bake in the preheated oven for 30-35 minutes until the topping is deep golden brown and bubbly around the edges.

Watch the casserole in the last 5 minutes of baking—it should be bubbling vigorously. If the edges brown too quickly but the center remains pale, tent the dish with aluminum foil to prevent over-browning. The internal temperature should reach 165°F when checked with a meat thermometer.

6

Rest and Serve

Remove the casserole from the oven and let it rest for 10 minutes before serving. This resting period allows the topping to set slightly and makes it easier to cut into perfect squares. The casserole should be hot and bubbly, with that irresistible crispy crust on top.

Serve immediately with a dollop of sour cream or additional grated cheese if desired. The combination of caramelized onions, creamy mushroom sauce, and crisp green beans creates a symphony of textures and flavors that's pure comfort food at its best.

👨‍🍳

Pro Tips For Making Campbell'S French Onion Green Bean Casserole

  • CARAMELIZE THOSE ONIONS: Don’t just chop and toss—cook the onions in butter until they’re deep golden, not just soft. I learned this the hard way: pale onions mean a dish that tastes like it’s missing something. Use medium heat and give them 12-15 minutes, stirring occasionally, or they’ll burn before they sweeten.
  • TRIM GREEN BEANS RIGHT: Cut off the ends but leave the beans whole—no need to slice them. Overhandling turns them mushy, and you want them to stay crisp-tender under that creamy sauce. If they’re thick, split them lengthwise so they cook through evenly.
  • MAKE THE ROUX SMOOTH: When mixing the butter and flour for the topping, cook it low and slow until it’s a pale gold, not white or brown. I used to rush this, and the topping always ended up grainy. Stir constantly—this isn’t the time to walk away.
  • BAKE UNTIL BUBBLY: Don’t pull it out as soon as it’s golden. Let it bake until the edges are bubbling and the center is just set—about 20-25 minutes total. The first time I didn’t, the topping stayed soggy, and no one wants that. Patience here makes all the difference.

Perfect pairings for this campbell's french onion green bean casserole

Classic Side Dishes

Serve this casserole alongside garlic mashed potatoes for a creamy contrast—their smooth texture balances the crispy topping beautifully. I like using Yukon Gold potatoes boiled until tender, then mashed with butter, sour cream, and roasted garlic. A sprinkle of chives adds freshness that cuts through the richness. 🥔

For a heartier meal, pair it with roasted chicken thighs—their crispy skin and juicy meat complement the casserole's creamy layers. Season the chicken with paprika, garlic powder, and thyme before roasting at 400°F for 35 minutes.

The smoky notes from the chicken enhance the caramelized onions in the casserole.

Beverage Pairings

A cold glass of milk (whole or 2%) is the traditional choice—it cleanses the palate between bites of rich, creamy casserole. For something lighter, try sparkling apple cider (like Martinelli's), especially during the holidays. The effervescence balances the dish's heaviness while adding a festive touch. 🍎

For adult pairings, a dry Riesling from Germany or California offers bright acidity that cuts through the richness. I love Dr. Loosen Blue Slate—its crisp citrus notes refresh the palate after each bite.

Alternatively, a light lager like Corona or Heineken provides a crisp, clean contrast without overpowering the dish.

Topping Variations

For extra crunch, sprinkle fried shallots on top before baking—they add a delicate onion flavor that enhances the caramelized base. I use Kikkoman fried shallots, about 2 tablespoons, tossed into the topping mixture just before baking. 🧅

Add a cheesy twist by mixing ½ cup shredded Gruyère into the topping before spreading it over the casserole. The nutty, melty cheese creates pockets of gooey goodness that contrast perfectly with the crispy crust. For a vegetarian option, swap the Gruyère for nutritional yeast to add umami without dairy.

Holiday Presentation

Transform this casserole into a showstopper by arranging it on a wooden serving board with fresh rosemary sprigs and crusty bread on the side. Garnish with extra black pepper and a dusting of powdered sugar for a sweet-savory contrast. This presentation is perfect for Thanksgiving or Christmas dinners. ✨

For a modern touch, serve individual portions in mini cast-iron skillets—they retain heat beautifully and add a rustic charm. Top each with a drizzle of truffle oil and a sprinkle of crispy fried onions for an elevated appetizer-style presentation that still feels comforting.

Nutrition facts

Servings 6
Amount Per Serving
Calories 420kcal
% Daily Value *
Total Fat 24g31%
Saturated Fat 15g75%
Cholesterol 65mg22%
Sodium 1050mg46%
Total Carbohydrate 40g14%
Dietary Fiber 5g18%
Sugars 8g
Protein 12g24%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

Frequently asked questions

1

Can I make this casserole without Campbell's soup?

Use any creamy soup—cream of celery or cream of chicken work beautifully. For a lighter option, try vegetable soup or even a homemade béchamel sauce thickened with cornstarch. The key is maintaining the creamy texture that balances the crispy topping.

2

How do I keep the green beans crisp-tender?

Blanching is critical! Cook the green beans for only 3-4 minutes in boiling water, then immediately shock them in ice water for 1 minute. This stops the cooking process and preserves their vibrant color and texture. Avoid overcooking—they should remain bright green and slightly firm.

3

Can I make this casserole ahead of time?

Yes, but assemble it day-of for the crispest topping. Prepare the onion mixture and green beans up to 24 hours ahead, refrigerate in the baking dish, then add the topping and bake fresh. For make-ahead convenience, freeze the assembled (unbaked) casserole—bake straight from frozen at 375°F for 45-50 minutes.

4

Why did my topping get soggy?

Soggy topping usually means the casserole wasn't hot enough when topped or baked too long. Ensure the base is bubbling before adding the topping, and bake until the edges are golden (30-35 minutes). For extra insurance, sprinkle 1/4 cup breadcrumbs on top before baking to absorb excess moisture.

5

What's the secret to extra caramelized onions?

Cook them low and slow—medium-low heat for 30+ minutes—stirring occasionally. The key is patience: onions release moisture that evaporates, creating deep sweetness. Add a pinch of brown sugar halfway through for extra color and flavor. Never rush this step!

★★★★★4.5(1 review)
Categories Side Dishes