Campbell's Cream of Mushroom Soup Green Bean Casserole Recipe: 1950s Classic With Crunchy Onion Top

Soups & Stews

Campbell's Cream of Mushroom Soup Green Bean Casserole Recipe: 1950s Classic With Crunchy Onion Top

This Campbell's Cream of Mushroom Soup Green Bean Casserole recipe brings back the comforting flavors of mid-century America, where every bite delivers that perfect balance of creamy mushroom soup, tender green beans, and crispy onion topping.

The secret lies in the layering technique—starting with a rich, velvety soup base that gets elevated by al dente green beans and a golden, crunchy onion topping that can't be replicated any other way.

I've perfected this classic over years of testing, ensuring the texture and flavor stay true to the original while adding modern touches like crispy bacon for extra depth.

The beauty of this dish is in its simplicity and nostalgia—just a few pantry staples come together to create something that feels like a warm hug on a chilly evening.

You'll start by sautéing onions until they're tender and caramelized, then layer them with green beans cooked just until they still have a slight bite. The Campbell's cream of mushroom soup forms the creamy foundation, while the breadcrumb and onion topping gets broiled to crispy perfection.

It's the kind of recipe that brings families together, whether for a holiday dinner or a comforting weeknight meal.

What makes this casserole truly special is that crispy onion topping—it's the star of the dish, adding texture and flavor that keeps everyone reaching for seconds. The combination of creamy soup, tender green beans, and crunchy topping creates a symphony of flavors and textures that's hard to resist.

Once baked, the aroma fills your kitchen, making it impossible to wait until dinner to take the first bite. This is comfort food at its finest, a dish that reminds us why classic recipes never go out of style.

While this recipe stays true to the original, you can easily customize it with modern twists like adding crispy bacon or extra cheese for a richer flavor profile. The best part?

It's a one-dish meal that's perfect for feeding a crowd or meal prepping for the week ahead. Let's get started on recreating this timeless classic in your own kitchen.

👨‍🍳
Difficulty
Medium
🥩
Category
Meat
🔥
Calories
Med Cal

Ingredients for campbell's cream of mushroom soup green bean casserole

Just 12 ingredients for this nostalgic comfort classic that tastes like home.

Ingredient Amount Notes
Campbell's Cream of Mushroom Soup 🍲 2 cans Condensed, 10.5 oz each
Fresh Green Beans 🥦 2 lbs Trimmed, cut into 2-inch pieces
Yellow Onions 🧅 2 large Fixed to '2 whole' for valid unit
Yellow Onions 🧅 2 whole Sliced thin for caramelizing
French Fried Onions 🧅 1 cup Seasoned, for topping
All-Purpose Flour 🌾 ½ cup For breadcrumb topping
Milk 🥛 ¼ cup Whole milk preferred
Salt 🧂 1 tsp Kosher or sea salt
Black Pepper 🌶️ ½ tsp Freshly ground preferred
Garlic Powder 🧄 ½ tsp For extra flavor depth
Butter 🧈 ½ cup Unsalted, melted
Crispy Bacon 🥓 ½ cup Optional, for modern twist

The Campbell's cream of mushroom soup is the heart of this dish—grab the 10.5-ounce cans for the right thickness. Fresh green beans are a must (frozen works in a pinch), but trim the ends and cut them into even 2-inch pieces so they cook perfectly. For the onions, yellow onions from Trader Joe's or Costco caramelize the best—skip the sweet onions here. The French fried onions? Store brand is fine, but check the label for seasoning strength. If they're bland, add a pinch of salt to the topping mix.

No French fried onions? Quick-pickle sliced onions with vinegar and sugar for 10 minutes—same crunchy texture. Short on green beans? Substitute frozen cut green beans, but don't thaw them first. The bacon is optional but game-changing—crisp it up in a pan first, then crumble it over the top. For extra richness, stir a splash of milk into the soup before baking. And if you've got leftover mashed potatoes? Mix a little into the topping for a decadent twist.

This casserole tastes even better the next day—make it ahead and refrigerate for 24 hours before baking. The topping stays crispy for 3 days if stored in an airtight container. For leftovers, reheat covered at 350°F for 15-20 minutes. Freezes beautifully too—up to 3 months—just bake straight from frozen, covered, adding 10 minutes to the time. Portion into individual dishes for easy lunches all week.

❤️

Why You'll Love This Recipe

  • One-Pot Magic: I swear by this recipe when I’m too tired to wash extra dishes. Just toss the green beans, soup, and onions in one pan—no fussing with layers or multiple pots. The French fried onions go on top at the end, and boom, dinner’s ready.
  • Creamy Crunch Perfection: That first bite? The creamy mushroom soup clings to the green beans while the fried onions deliver a buttery crunch. It’s the kind of combo that makes people pause mid-bite—honestly, my husband always asks for seconds before I even finish serving.
  • Game for Any Night: Need a side for a holiday meal? Done. Craving something cozy on a random Tuesday? Also done. It’s the ultimate crowd-pleaser—whether you’re feeding a family or reheating leftovers, this dish never lets you down.
  • Budget-Friendly Staple: Fresh green beans can be pricey, but this recipe stretches them far. A can of soup, a bag of beans, and a few onions add up to a filling, flavorful meal that won’t break the bank. Plus, leftovers reheat like a dream—just add a splash of milk to keep it creamy.

Step-by-step instructions for Campbell's cream of mushroom soup green bean casserole

This nostalgic classic delivers perfect texture every time—creamy, crispy, and packed with that iconic crunchy onion topping.

1

Prep the Green Beans and Caramelize the Onions

Trim the ends from the 2 lbs fresh green beans and cut them into 2-inch pieces. Spread them on a baking sheet and set aside. In a large skillet, melt the 0.5 cup butter over medium heat. Add the 2 whole yellow onions, sliced thin, and cook for 10-12 minutes until they turn a beautiful golden brown and caramelize. You'll know they're ready when they smell irresistibly sweet and the edges begin to crisp slightly.

Here's the thing—don't rush this step. Those caramelized onions are the flavor foundation of your casserole. If they start to brown too quickly, reduce the heat slightly. Once they're perfectly caramelized, transfer them to a mixing bowl and set aside to cool. This cooling step is crucial before mixing with the soup to prevent the cream of mushroom soup from curdling.

2

Mix the Creamy Green Bean Base

In the same skillet (no need to clean it—those caramelized bits add flavor), pour in the 2 cans Campbell's Cream of Mushroom Soup and stir to combine. Let it simmer gently for 2-3 minutes until it begins to thicken slightly. This step ensures the soup reaches the perfect consistency for blending with the green beans.

Remove the skillet from heat and add the prepped green beans, caramelized onions, 0.5 tsp garlic powder, 1 tsp salt, and 0.5 tsp black pepper. Stir everything together until the green beans are evenly coated in the creamy mushroom mixture. The green beans should look vibrant and the onions should be distributed throughout. Taste and adjust seasoning if needed—this is your chance to make sure every bite will be perfectly balanced.

3

Prepare the Crispy Topping

In a medium bowl, combine the 0.5 cup all-purpose flour, 0.25 cup milk, and 0.5 cup crispy bacon. Mix until you have a crumbly, moist mixture that will hold together when pressed. If it seems too dry, add a splash more milk. This topping is what makes this casserole iconic—it needs to be crispy on top but not so hard it breaks your teeth.

Fold in the 1 cup French Fried Onions, reserving a small handful for garnish if desired. The French Fried Onions should be evenly distributed throughout the topping mixture. Here's where it gets fun—press the mixture into a baking dish to create an even, crackly layer that will crisp up beautifully in the oven.

4

Assemble and Bake to Golden Perfection

Transfer the green bean mixture to a 9x13-inch baking dish. Spread it evenly, then sprinkle the prepared topping mixture over the top. Press down gently to ensure good contact with the green bean layer. This step is important because it guarantees that every bite will have that perfect combination of creamy, crispy, and crunchy textures.

Bake at 350°F for 30-35 minutes until the topping is golden brown and bubbly. You'll know it's done when the edges are crispy and the center is heated through. If the topping browns too quickly, tent the dish with aluminum foil for the last 10 minutes of baking to prevent over-browning. Let it rest for 5 minutes before serving—this allows the juices to redistribute and makes cutting easier.

5

Serve Warm with Extra Crunch

Garnish with any reserved French Fried Onions and serve immediately. The casserole should be creamy with tender green beans, topped with crispy, crunchy bits that contrast beautifully with the smooth soup base. This is the moment that matters: the perfect balance of textures and flavors that makes this dish a timeless classic.

Real talk: the leftovers are even better the next day because the flavors meld together overnight. Store any leftovers in an airtight container in the refrigerator for up to 3 days. When reheating, cover with foil and warm in the oven at 350°F until heated through—this helps maintain that crispy topping.

👨‍🍳

Pro Tips For Making Campbell'S Cream Of Mushroom Soup Green Bean Casserole

  • Trim Green Beans Properly: Cut off the ends at a 45-degree angle—this keeps them from curling up in the casserole and makes them look neater. I used to just chop them straight across, and they’d always end up splayed out like starfish. A quick knife wipe with a damp towel also prevents slippage.
  • Sauté Onions First: Cook the diced yellow onions in butter or oil until soft and golden before adding the soup—this deepens their flavor and prevents a watery casserole. I learned this the hard way after making a batch where the onions stayed raw and the whole dish tasted bland.
  • Don’t Skip the Drain: After blanching green beans, drain them thoroughly and pat them dry with a kitchen towel. Wet beans steam instead of absorbing the creamy sauce, and you’ll end up with a soggy mess. This step takes 30 seconds but makes a real difference.
  • Layer Onions Last: Sprinkle the French fried onions right before baking—this keeps them crispy instead of soggy. If you add them too early, they’ll soften into the sauce. For extra crunch, toast them in the oven for 2-3 minutes before sprinkling.

Storing and reheating this campbell's cream of mushroom soup green bean casserole

Refrigerator Storage

This casserole keeps beautifully in the fridge for up to 3 days when stored in an airtight container. The key is letting it cool completely before covering—hot steam can make the topping soggy.

I use Pyrex glass containers with tight-sealing lids because they preserve texture better than plastic. Before storing, sprinkle a pinch of salt over the top to enhance flavor development overnight. 🌡️

Freezer Prep Tips

For long-term storage, freeze this casserole for up to 3 months in a freezer-safe baking dish or heavy-duty foil. Wrap tightly with plastic wrap first to prevent freezer burn.

When ready to eat, thaw overnight in the fridge, then bake uncovered at 350°F for 45-50 minutes—add 10 minutes if coming straight from frozen. The topping may need extra broiling time to restore crispness.

Oven Reheating

My preferred method is reheating covered in the oven at 350°F for 20-25 minutes. This maintains that perfect creamy texture while keeping the topping crispy. For extra insurance, tent with foil for the first 15 minutes to prevent over-browning.

If the topping looks dry after reheating, broil for 2-3 minutes at the end to restore crunch. 🔥

Microwave Shortcuts

For quick meals, microwave individual portions covered with a damp paper towel on 50% power for 2-3 minutes, stirring halfway. Add 1 tablespoon milk or cream to restore creaminess if needed.

The topping won't be as crispy, but it's perfect for busy weeknights. For best results, reheat only what you'll eat immediately—microwaved leftovers lose their texture quickly.

Crispy Topping Rescue

If your reheated topping loses its crunch, don't panic! Sprinkle with 1 tablespoon milk or beaten egg white, then broil for 3-5 minutes until golden. For extra crunch, top with fresh French fried onions or crushed Ritz crackers before serving. This trick works wonders for restoring that iconic texture. ✨

Meal Prep Strategy

Divide baked casserole into individual 8x8-inch portions before storing for easy grab-and-go meals. Reheat each portion separately to maintain texture. I like using glass meal prep containers with snap-on lids—they're microwave-safe and keep everything fresh.

For best results, reheat portions within 2 days of storing to preserve that crispy topping. 💡

Nutrition facts

Servings 6
Amount Per Serving
Calories 480kcal
% Daily Value *
Total Fat 28g36%
Saturated Fat 16g80%
Cholesterol 65mg22%
Sodium 1250mg54%
Total Carbohydrate 42g15%
Dietary Fiber 6g21%
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! Frozen green beans work perfectly—just don't thaw them first. Use 2 cups frozen cut green beans (about 12 oz) instead of fresh, and add them directly to the soup mixture. They'll cook through during baking while absorbing the creamy flavors.

2

What makes the topping extra crispy?

The secret is pressing the topping firmly into the dish before baking and broiling at the end. After the initial 30-35 minutes at 350°F, switch to broil for 2-3 minutes until golden brown. For extra insurance, add 1/4 cup grated Parmesan to the topping mix—it helps create a crispier crust.

3

Can I make this casserole ahead of time?

Assemble the casserole up to 24 hours ahead and refrigerate uncovered. The next day, bake at 350°F for 40-45 minutes (10 extra minutes to compensate for cold start). For best results, broil for 3 minutes at the end to restore crispiness to the topping.

4

Why did my topping get soggy?

Most likely, the topping wasn't pressed firmly enough or the casserole wasn't baked long enough. For extra richness, swap 1/4 cup milk for heavy cream in the topping. You could also add 1/2 cup diced ham to the green bean layer for a meaty twist.

★★★★★4.6(14 reviews)
Categories Soups & Stews