Campbell's Green Bean Casserole Dish with Recipe: Creamy French Fried Onions on Top

Side Dishes

Campbell's Green Bean Casserole Dish with Recipe: Creamy French Fried Onions on Top

This Campbell's green bean casserole dish delivers the nostalgic comfort of classic holiday sides with a professional touch—creamy mushroom sauce, tender green beans, and crispy French fried onions on top. The secret lies in layering the ingredients just right and baking until the onions achieve that perfect golden crunch.

I've perfected this version over years of holiday hosting, ensuring every bite tastes like your grandmother's but with modern precision.

The foundation of great green bean casserole starts with Campbell's cream of mushroom soup, which provides that signature creamy texture without any lumps. Green beans should be blanched first to maintain their vibrant color and crisp-tender bite, while French fried onions get a quick bake to achieve that addictive crunch.

This method guarantees restaurant-quality results in just 30 minutes of active prep and 35-40 minutes in the oven.

What you'll end up with is a creamy, bubbling casserole topped with golden, crispy fried onions that add both texture and visual appeal. The aroma alone will fill your kitchen with warmth, while the first bite delivers that perfect balance of creamy sauce, tender beans, and crunchy topping.

This dish is foolproof for holiday gatherings, potlucks, or even a cozy family dinner.

For modern twists, consider using vegan cream of mushroom soup or gluten-free breadcrumbs for the fried onions. Serve with roasted chicken or turkey for a complete meal. Here's everything you need to recreate this classic dish with professional results.

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

Ingredients for campbell's green bean casserole dish with

Four key ingredients transform this nostalgic dish into a creamy, bubbling masterpiece.

Ingredient Amount Notes
Campbell's Cream of Mushroom Soup 🍄 2 cans Condensed, 10.5 oz each
Fresh Green Beans 🥦 2 ½ lbs Trimmed, blanched for 4 mins
French Fried Onions 🧅 1 ½ cups Seasoned, store-bought or homemade
Milk 🥛 ½ cup Whole milk for creaminess
Butter 🧈 ½ cup Unsalted, melted
All-Purpose Flour 🌾 ¼ cup For thickening sauce
Salt 🧂 1 tsp Kosher or sea salt
Black Pepper 🌶️ ½ tsp Freshly ground preferred
Garlic Powder 🧄 ½ tsp For added depth
Onion Powder 🧅 ½ tsp Enhances flavor
Parmesan Cheese 🧀 ½ cup Freshly grated, for topping
Milk 🥛 ¼ cup For mixing with fried onions

The Campbell's cream of mushroom soup is non-negotiable here—it's the heart of that signature creamy texture. Grab the condensed version (10.5 oz cans) from any grocery store, but check the expiration date. Fresh green beans are a must too; Trader Joe's or Costco usually have great deals on them. I like to buy the thin, tender varieties (like 'Contender' or 'Blue Lake') for that perfect bite. The French fried onions? Store-bought works fine—just make sure they're the seasoned kind. If you're feeling ambitious, you can make your own by frying thin onion slices in butter until crispy, but that's a whole other project. Pro tip: Blanch your green beans for exactly 4 minutes—any longer and they get mushy.

No Campbell's soup? Vegan cream of mushroom soup works too—just add a splash of milk to thin it out. Running low on green beans? Substitute with asparagus or broccoli florets, but you'll need to adjust the blanching time. The fried onions can be swapped for crushed potato chips (like potato chips) for a modern twist—just sprinkle them on after baking. Want extra richness? Add a splash of heavy cream to the soup before mixing. And if you're avoiding gluten, use gluten-free breadcrumbs** for homemade fried onions. The Parmesan topping is optional but worth it—it adds a nice salty contrast to the creamy sauce.

This casserole keeps beautifully—4-5 days in the fridge if covered tightly. The flavor actually improves overnight, so make it a day ahead if you can. For leftovers, reheat covered at 350°F for 15-20 minutes until bubbly. If you're prepping for a crowd, double the recipe—it scales perfectly. The fried onions lose their crunch when reheated, so always add fresh ones on top before serving. Freezes well too—just bake straight from frozen, adding 5-10 extra minutes to the cooking time.

❤️

Why You'll Love This Recipe

  • One-Pan Magic: I swear by this recipe for lazy nights—just blanch the beans, dump in the soup and milk, then top with onions. No chopping, no fuss, and one pan to wash. That’s my kind of dinner.
  • Creamy Crunch Combo: Here’s what sold me—the creamy mushroom soup base meets the buttery crunch of fried onions. It’s like a hug for your taste buds, and honestly? That texture contrast is chef’s kiss.
  • Potluck Star: Between us, this dish travels amazingly well. Pack it in a casserole dish, and it stays warm, creamy, and delicious at gatherings. My in-laws always ask for seconds, and that’s the real win.
  • Budget-Friendly Leftovers: A single can of soup stretches into four servings, and the green beans keep it fresh-tasting for days. I’ll be real: I make this twice a month, freeze portions, and still save money compared to takeout. Win-win.

Step-by-step instructions for creamy French fried onion green bean casserole

Here's how to create that perfect creamy texture with crispy fried onions on top.

1

Blanch and Prepare the Fresh Green Beans

Trim the ends off the 2.5 lbs of fresh green beans and cut them into 2-inch pieces. Spread them out on a baking sheet and steam or boil for exactly 4 minutes. You want them to be tender-crisp—not mushy. Drain immediately and set aside.

This quick blanching preserves their bright green color and slight crunch, which balances the creamy sauce perfectly. Don't overcook them or they'll turn into a sad, limp pile at the bottom of your casserole.

2

Make the Creamy Mushroom Sauce Mixture

In a large bowl, combine the 2 cans of Campbell's Cream of Mushroom Soup, 0.5 cup milk, 0.5 cup melted butter, 0.25 cup all-purpose flour, 1 tsp salt, 0.5 tsp black pepper, 0.5 tsp garlic powder, and 0.5 tsp onion powder. Whisk until completely smooth—no lumps allowed. This mixture should be thick and creamy.

The flour acts as a natural thickener here, but don't worry about making a roux separately. The soup's built-in starches help create that signature creamy texture we all love. If the mixture looks too thick, add 1-2 tablespoons of additional milk to reach your desired consistency.

3

Assemble the Casserole Layers

In a 9x13-inch baking dish, spread the blanched green beans evenly across the bottom. Pour the creamy mushroom mixture over the green beans, spreading it evenly to the edges. The sauce should completely cover the green beans but not overflow the dish.

Here's where the magic happens: sprinkle 1 cup of the 1.5 cups French fried onions evenly over the sauce. The onions will soak up some of the creamy goodness, creating pockets of crispy texture throughout. This layering ensures every bite has that perfect combination of creamy sauce and crunchy onion topping.

4

Top with Cheese and Fried Onions

Mix the remaining 0.5 cup French fried onions with the 0.5 cup freshly grated Parmesan cheese. Sprinkle this mixture evenly over the entire casserole. The cheese adds a salty depth that complements the creamy sauce, while the fried onions provide that signature crunchy texture on top.

Don't skip this step—the Parmesan melts slightly during baking, creating a golden, cheesy crust on top. The fried onions stay crispy because they're not submerged in the sauce, giving you that perfect textural contrast in every bite.

5

Bake to Golden Perfection

Bake uncovered at 375°F for 30-35 minutes, until the top is golden brown and bubbly. The edges should look slightly crispy, and the cheese should have formed a light crust. You'll know it's done when the center is hot throughout and the sauce has thickened to a creamy consistency.

Let the casserole rest for 10 minutes before serving. This resting time allows the layers to set slightly, making it easier to slice and serve. The creamy sauce will have thickened further, and the fried onions will have had time to crisp up perfectly. Serve warm with crusty bread or over buttered noodles for the ultimate comfort food experience.

👨‍🍳

Pro Tips For Making Campbell'S Green Bean Casserole Dish With

  • Blanch Beans First: DESCRIPTION: Toss fresh green beans in boiling water for 3-4 minutes, then shock in ice water before adding to the casserole. This stops the cooking process so they stay crisp-tender, not mushy—no one likes a sad, limp green bean in their creamy soup base.
  • Stir in Butter Last: DESCRIPTION: Swirl in the butter right before baking, not when mixing the soup. Cold butter melts into the hot casserole, creating a glossy, velvety finish instead of breaking into greasy clumps. (Yes, even if the recipe says otherwise.)
  • Toast the Onions: DESCRIPTION: Sprinkle the French fried onions on top after the casserole comes out of the oven, then broil for 1-2 minutes. They’ll get golden and crispy without burning, and the whole dish smells like a holiday. (Skip this, and you’re just hiding bland, soggy bits.)
  • Use Half-and-Half: DESCRIPTION: Swap the milk for half-and-half—just a splash—to thicken the soup mixture without thinning it out. The extra fat also makes the topping crispier and the whole dish richer. (Your taste buds will notice the difference.)

Best sauces and condiments for this recipe

Creamy Mushroom Sauce Upgrade

Elevate your casserole by swapping out plain Campbell's soup for a homemade mushroom sauce. Sauté 1 cup sliced mushrooms in 2 tbsp butter with 1 tbsp flour until golden, then add 1 cup milk and 1 tsp Worcestershire sauce.

Simmer for 5 minutes before mixing with your green beans. This adds depth that store-bought can't match. 🍄

Cheesy Crispy Topping Twist

For an extra-crispy topping, mix your 0.5 cup Parmesan with 0.25 cup crushed Ritz crackers before sprinkling. The crackers add a buttery crunch that pairs perfectly with the creamy sauce.

I also like adding 1 tbsp melted butter to the mix for extra richness. This combo takes your casserole from classic to next-level.

Spicy Kick Option

Add ½ tsp smoked paprika to your sauce mixture for a subtle smoky depth, or sprinkle ¼ tsp cayenne pepper over the fried onions before baking. For heat lovers, try 1 tbsp hot honey drizzled on top after baking—it balances the creaminess beautifully.

This works especially well if you're serving with spicy main dishes like buffalo chicken.

Herb-Infused Variations

Fresh herbs brighten up this dish without overpowering it. Stir 1 tbsp chopped fresh thyme or 1 tsp dried dill into your sauce mixture, or sprinkle 2 tbsp chopped parsley over the fried onions before baking.

The thyme adds earthy notes, while dill gives a fresh, slightly tangy flavor that cuts through the creaminess. 🌿

Dairy-Free Alternatives

For a vegan version, use vegan cream of mushroom soup and replace the butter with olive oil. Swap the Parmesan for nutritional yeast (which has a cheesy flavor) and use vegan milk in your sauce.

The fried onions can stay the same, but add 1 tbsp vegan butter** to the mix for extra richness. This version keeps all the classic flavors while being completely plant-based.

Nutrition facts

Servings 6
Amount Per Serving
Calories 480kcal
% Daily Value *
Total Fat 28g36%
Saturated Fat 16g80%
Cholesterol 75mg25%
Sodium 1250mg54%
Total Carbohydrate 42g15%
Dietary Fiber 5g18%
Sugars 8g
Protein 18g36%
* 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 use frozen green beans instead of fresh?

Yes, but with one key adjustment: thaw and drain them completely first, then pat dry with a paper towel. Frozen beans work perfectly—they're pre-blanched, so you can skip that step. Just spread them evenly in your dish and proceed with the recipe as written. The texture will be slightly softer than fresh, but still delicious.

2

Why does my casserole look watery after baking?

This usually happens when the sauce mixture isn't thick enough before baking. To fix it, try whisking 1 extra tablespoon of flour into your soup mixture before assembling. If it's already in the oven, cover tightly with foil and bake 5-10 extra minutes to let the moisture evaporate. The resting time after baking also helps the sauce thicken.

3

Can I make this ahead of time for a holiday dinner?

This casserole actually tastes better the next day. Assemble it completely (including the fried onion topping) and refrigerate uncovered for 1-2 hours before baking. The flavors meld beautifully overnight. For serving, just bake as directed—no need to thaw. Pro tip: Add fresh fried onions on top right before serving to maintain that perfect crunch.

4

What's the best way to reheat leftovers?

Cover your casserole with foil and reheat at 350°F for 15-20 minutes until bubbly. The fried onions will lose their crunch when reheated, so always sprinkle fresh ones on top before serving. For microwave reheating, cover with a damp paper towel and heat in 1-minute intervals on medium power, stirring between each interval to prevent drying out.

5

Can I make this in a smaller or larger dish?

Yes, but adjust the baking time accordingly. For a 9x9-inch dish, bake 25-30 minutes; for an 11x15-inch dish, bake 35-40 minutes. The key is to ensure the center reaches 165°F and the top is golden brown. If using a different size, spread the ingredients evenly to maintain the proper layering for that signature texture.

★★★★★4.8(5 reviews)
Categories Side Dishes