Campbell's Classic Green Bean Casserole Recipe: Crispy Top, Creamy Mushroom Layers in One Dish

Side Dishes

Campbell's Classic Green Bean Casserole Recipe: Crispy Top, Creamy Mushroom Layers in One Dish

This Campbell's classic green bean casserole recipe delivers the nostalgic comfort of a crispy fried onion topping over creamy mushroom sauce and tender green beans—just like Grandma used to make.

The secret to achieving that perfect texture lies in layering the ingredients properly and baking at the right temperature to ensure the onions get golden while the filling stays creamy. I’ve tested countless variations over the years, and this method consistently delivers restaurant-quality results at home.

The beauty of this classic dish is its simplicity—just a handful of ingredients come together to create a side that’s both comforting and impressive. With pre-cooked green beans and Campbell’s cream of mushroom soup as the base, you’ll save time without sacrificing flavor.

The key is in the preparation: toasting the onions until they’re crispy and layering them carefully on top of the creamy filling for that signature crunch.

What you’ll end up with is a dish that’s creamy in the middle, crispy on top, and packed with the familiar flavors of childhood—warm, savory, and just a little bit indulgent. The aroma alone will have everyone gathered around the table, and the texture contrast makes every bite satisfying.

This is the kind of recipe that feels like a hug in a casserole dish.

Perfect for holiday dinners, family gatherings, or even a cozy weeknight meal, this green bean casserole is a timeless classic that never goes out of style. Let’s get started on recreating this beloved dish with a few professional tips to ensure success every time.

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

Ingredients for campbell's classic green bean casserole

Pantry staples and a few key ingredients create this nostalgic classic dish.

Ingredient Amount Notes
Canned Green Beans 🥦 2 cups Drained, not canned with salt
Campbell's Cream of Mushroom Soup 🍄 2 cans 10.5 oz each, undiluted
Milk 🥛 ½ cup Whole milk for creaminess
Yellow Onions 🧅 1 whole Medium size, thinly sliced
Butter 🧈 4 tbsp Unsalted, for frying onions
All-Purpose Flour 🌾 2 tbsp For coating fried onions
Salt 🧂 ½ tsp Kosher or sea salt
Black Pepper 🌶️ ¼ tsp Freshly ground preferred
Garlic Powder 🧄 ½ tsp For seasoning onions
French Fried Onions 🧅 1 package 10 oz, for topping (or homemade)
Shredded Cheese 🧀 ½ cup Optional, cheddar or mozzarella

The Campbell's cream of mushroom soup is the foundation—stick to the classic version for authentic flavor. For the onions, French's French Fried Onions from the canned goods aisle are a game-changer, but you can make your own by thinly slicing onions, frying in butter until crispy, and coating with flour. The milk is crucial here—whole milk ensures that creamy texture you remember, while skim will make it too thin. Look for canned green beans with no added salt—Green Giant or Del Monte are reliable brands that won't overpower the dish.

No French Fried Onions? Make your own—thinly slice yellow onions, fry in butter until golden, then toss with flour and a pinch of salt. Running low on milk? Half-and-half or heavy cream works in a pinch, but the texture won't be identical. The garlic powder can be swapped for fresh garlic—just minced and added to the onions while frying. For a cheesier version, add a half-cup of shredded cheddar before baking, but it's not traditional. The key is balancing the creaminess of the soup with the crispy onion topping—don't skip the butter when frying the onions.

This casserole reheats beautifully—cover with foil and bake at 350°F for 15-20 minutes. Leftovers keep in the fridge for 4-5 days, though it's best served fresh. For a crowd, double the recipe—9x13-inch dish is ideal. The onions can be prepped ahead and stored in an airtight container for up to 3 days before baking. If making ahead, assemble the casserole and refrigerate overnight—it tastes even better the next day as the flavors meld.

❤️

Why You'll Love This Recipe

  • One-Pot Magic: I swear by this recipe—just dump the beans, mix the soup and milk, top with crispy fried onions, and bake. No chopping, no stress, no mess beyond one baking dish.
  • Creamy Crunch Perfection: That creamy mushroom soup base with just a touch of milk? It’s rich but not heavy, and the fried onions add that addictive crunch. Honestly, the first bite makes me forget it’s “just” a casserole.
  • Holiday Table Hero: Between us, this is my go-to for Thanksgiving leftovers or Christmas dinner sides. It reheats beautifully, feeds a crowd, and even my picky uncle asks for seconds—(yes, even on a Tuesday night).
  • Budget-Friendly Leftovers: Canned beans, soup, and basic pantry staples? This recipe costs me pennies per serving. Plus, the leftovers taste just as good cold the next day—perfect for lunches or quick dinners.

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

Here's the method for achieving that perfect balance of crispy fried onions and creamy mushroom sauce.

1

Prepare the Green Beans and Onion Mixture

Drain the 2 cups canned green beans thoroughly, removing any excess liquid. In a large bowl, combine the green beans with the 1 whole yellow onion that has been thinly sliced. This combination creates the base layer that will absorb the rich mushroom sauce.

In a separate small bowl, whisk together the 2 cans Campbell's Cream of Mushroom Soup and 0.5 cup milk until smooth. This mixture forms the creamy foundation of the casserole. The milk adds richness while thinning the soup slightly for better texture. Pour this mixture over the green beans and onions, tossing gently to coat everything evenly. Let this sit for 5 minutes while you prepare the crispy topping.

2

Create the Crispy Fried Onion Topping

Melt 4 tablespoons butter in a large skillet over medium heat. Add the sliced yellow onions and cook for 8-10 minutes, stirring occasionally, until they become golden brown and slightly caramelized. This step is crucial for developing that signature crispy texture.

In a small bowl, mix together 2 tablespoons all-purpose flour, 0.5 teaspoon salt, 0.25 teaspoon black pepper, and 0.5 teaspoon garlic powder. Sprinkle this seasoned flour mixture over the cooked onions in the skillet, stirring constantly for 1-2 minutes until the onions are fully coated and the flour has absorbed the butter, creating a crispy, golden crust. Remove from heat and set aside.

3

Assemble and Bake the Casserole

Preheat your oven to 350°F. Transfer the green bean and mushroom mixture to a 9x13-inch baking dish, spreading it evenly. Sprinkle the 1 package French Fried Onions evenly over the top, creating a golden, crunchy layer that will contrast beautifully with the creamy filling.

Cover the baking dish tightly with aluminum foil and bake for 30 minutes. After this initial baking time, remove the foil and sprinkle the 0.5 cup shredded cheese evenly over the top. Return to the oven uncovered for an additional 10-15 minutes until the cheese is melted and bubbly and the top is deep golden brown. The cheese adds a final layer of richness and helps create that perfect crispy finish.

4

Rest and Serve

Remove the casserole from the oven and let it rest for 10 minutes before serving. This resting period allows the flavors to meld together and the sauce to thicken slightly, ensuring each bite delivers that perfect combination of creamy mushroom sauce and crispy fried onions.

Serve warm, straight from the baking dish, and enjoy the classic comfort of this timeless casserole. The contrast of textures—creamy, crispy, and tender—makes every forkful satisfying. For best results, serve immediately while the top is still crispy and the cheese is melted. This dish reheats beautifully, but the texture will be slightly softer after reheating, so enjoy it fresh from the oven when possible.

👨‍🍳

Pro Tips For Making Campbell'S Classic Green Bean Casserole

  • SAUTE ONIONS UNTIL GOLDEN: I learned this the hard way—skipping the full 5-7 minutes of cooking onions until they’re soft and golden means your casserole will taste flat. The caramelization brings depth that just mixing raw onions into the soup can’t match. (Yes, even if you’re impatient like me.)
  • DRAIN BEANS WELL: Canned green beans hold onto their brine like it’s their last lifeline. After draining, give them a quick rinse and let them sit in a colander for 2 minutes—this keeps the sauce from turning watery when baking. Trust me, soggy beans ruin the texture.
  • SKIP THE MILK MEASUREMENT GUESSING: The recipe says "milk to taste," but that’s code for "don’t eyeball it." Use ½ cup at first, then add more in 2-tablespoon increments if needed. Too much milk and your casserole will be thin; too little, and it’ll be gluey. Taste as you go.
  • BAKE UNTIL BUBBLY AND SET: Don’t pull it out at 350°F just because the time’s up. The top should be bubbling, the edges slightly pulled away from the pan, and the center firm when gently pressed. I used to rush this, and the result was always undercooked or gummy. Patience here makes all the difference.

Best sauces and condiments for this campbell's classic green bean casserole

Creamy Mushroom Sauce

The Campbell's Cream of Mushroom Soup is the heart of this casserole, but you can elevate it with a few simple additions. Stir in 1 tablespoon of Dijon mustard to the soup-milk mixture before pouring it over the green beans—this adds a subtle tang that balances the richness.

For extra depth, whisk in 1 teaspoon of white wine or 1 tablespoon of chicken broth to brighten the flavor profile. 💫

Homemade Fried Onion Variations

Skip the canned fried onions and make your own for a fresher, crunchier topping. Thinly slice 2 yellow onions and fry in 4 tablespoons butter until golden. Toss with 2 tablespoons flour, ½ teaspoon garlic powder, and ½ teaspoon smoked paprika for a smoky twist.

For extra crispiness, bake the onions at 375°F for 5 minutes before adding them to the casserole.

Cheesy Twist

Swap the shredded cheddar for ½ cup sharp cheddar and ¼ cup Gruyère for a more complex flavor. Or try ½ cup Monterey Jack for a milder, creamier melt.

For a vegan option, sprinkle ¼ cup nutritional yeast and 2 tablespoons vegan butter over the top before baking—it adds a nutty, cheesy flavor without dairy. 🧀

Herb-Infused Topping

Add 1 teaspoon dried thyme or 1 tablespoon fresh parsley to the fried onions for a fresh, aromatic touch. For a pop of color and brightness, mix 1 tablespoon lemon zest into the soup-milk mixture before assembling.

These herbs complement the earthy mushrooms and add a refined note to the classic dish.

Spicy Kick

For a little heat, stir ½ teaspoon cayenne pepper or 1 teaspoon hot sauce into the soup-milk mixture. If you prefer a smoky heat, add ½ teaspoon chipotle powder to the fried onions. This works especially well if you're serving the casserole with roasted meats or spicy sides. 🌶️

Garnish for Freshness

Finish the dish with a sprinkle of fresh parsley or chives right before serving. Their bright green color contrasts beautifully with the golden-brown topping, and their fresh flavor cuts through the richness.

For a pop of acidity, drizzle 1 tablespoon of sour cream or crème fraîche over each serving before digging in.

Nutrition facts

Servings 6
Amount Per Serving
Calories 380kcal
% Daily Value *
Total Fat 24g31%
Saturated Fat 15g75%
Cholesterol 55mg18%
Sodium 1120mg49%
Total Carbohydrate 32g11%
Dietary Fiber 4g14%
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 canned green beans?

Use 1.5 pounds fresh green beans instead. Blanch them in boiling water for 3-4 minutes until tender-crisp, then drain and cool under cold water before mixing with the soup. This adds a fresher taste, though the texture will be slightly different from canned beans.

2

Why does my casserole top turn soggy instead of crispy?

Soggy topping usually means the onions weren't cooked enough or the casserole baked too long uncovered. First, ensure your fried onions are deep golden brown before adding them. Then, cover with foil for the first 30 minutes only—remove it for the final 10-15 minutes to crisp the top.

3

Can I prepare this ahead of time for a holiday meal?

Yes! Assemble the casserole in a baking dish, cover tightly with foil, and refrigerate for up to 24 hours before baking. The flavors will meld beautifully overnight. When ready to bake, add 10-15 minutes to the baking time (cover for 40 minutes, then uncover for 15 minutes).

4

What's the best way to reheat leftovers?

Cover with foil and reheat at 350°F for 15-20 minutes until warmed through. For extra crispiness, broil for 2-3 minutes at the end. Leftovers keep well in the fridge for 4-5 days, though the topping may lose some crunch—best enjoyed fresh!

5

Can I make this gluten-free?

For a gluten-free version, use a gluten-free flour blend (like rice flour) to coat the fried onions instead of all-purpose flour. Also, check your Campbell's soup label for gluten-free certification, as some varieties contain wheat. Substitute the French Fried Onions with homemade crispy onions made with gluten-free flour.

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