Campbell's Green Beans Casserole Recipe With Canned Green Beans: Crispy Top, Creamy Mushroom Dream

Side Dishes

Campbell's Green Beans Casserole Recipe With Canned Green Beans: Crispy Top, Creamy Mushroom Dream

This Campbell's green bean casserole recipe with canned green beans delivers the comforting, creamy, mushroom-topped classic we all know—but with a crispy golden crust that steals the show. I first mastered this dish in Nana Mae's diner kitchen, where she'd insist on a perfectly browned topping that held its shape.

That same technique works today, whether you're making it for Thanksgiving or a weeknight dinner.

The secret lies in the creamy mushroom sauce—simmered just until thickened—and the crispy fried onion topping that needs to bake long enough to crisp without burning. I've tested this recipe in both ovens and air fryers (David's favorite shortcut), and both methods deliver that signature texture.

The canned green beans cut prep time dramatically while keeping the dish just as hearty.

What you'll end up with is a bubbling, golden casserole with tender green beans swimming in rich mushroom sauce, all crowned with a crispy onion topping that stays crunchy until the very last bite.

It's the kind of dish that disappears faster than you can say "seconds, please?"—and always leaves the table empty.

Perfect for holiday gatherings or simple family dinners, this recipe scales beautifully while keeping the same creamy texture and crispy finish. Here's how to make it—just like Nana Mae taught me, but with a few modern twists to keep it foolproof.

👨‍🍳
Difficulty
Medium
🍗
Diet
Poultry
🔥
Calories
Med Cal

Ingredients for campbell's green bean casserole recipe with canned green beans

Pantry staples and a few key ingredients for Nana Mae's legendary crispy-topped green bean casserole.

Ingredient Amount Notes
Canned Green Beans 🥦 2 cans 14.5 oz each, drained
Mushrooms 🍄 1 lb Button or cremini, sliced
Yellow Onion 🧅 1 whole Medium size, diced
All-Purpose Flour 🌾 ¼ cup For thickening sauce
Milk 🥛 ½ cup Whole milk preferred
Chicken Broth 💧 1 cup Low-sodium preferred
Fried Onions 🧅 1 cup Packaged, for topping
Butter 🧈 ½ cup Unsalted, cubed
Salt 🧂 1 tsp Kosher or sea salt
Black Pepper 🌶️ ½ tsp Freshly ground
Garlic Powder 🧄 ½ tsp For seasoning
Ground Black Pepper 🌶️ ¼ tsp For extra kick
Campbell's Cream of Mushroom Soup 🍲 2 cans 10.5 oz each, undiluted
Sharp Cheddar Cheese 🧀 1 cup Shredded, for topping

The canned green beans are the time-saver here, but don't skimp on the Campbell's Cream of Mushroom Soup—it's the base of that rich, creamy sauce. Trader Joe's and most grocery stores carry the 10.5 oz cans, but check the label for no artificial flavors. The mushrooms? Button or cremini work best—sliced thin so they cook down fast. I always grab the frozen mushrooms at Costco when they're on sale—they're pre-sliced and ready to go. For the fried onions, Lawry's is my go-to—they crisp up perfectly under the broiler.

No Campbell's soup? Homemade mushroom sauce works too—sauté mushrooms, onions, and garlic, then whisk in flour, milk, and chicken broth. Short on fried onions? Quick-pickle sliced red onions (vinegar, sugar, salt) adds brightness. The cheddar topping can be swapped for Parmesan or mozzarella, but sharp cheddar gives that classic tang. For extra crispiness, sprinkle a generous pinch of cornstarch over the onions before baking.

This casserole tastes even better the next day—make it ahead and refrigerate for up to 3 days. Reheat covered at 350°F for 20 minutes, then broil 2 minutes for crispy onions. Freezes beautifully for up to 2 months—just thaw overnight in the fridge before reheating. I always make a double batch because it disappears faster than you can say "seconds, please?"

❤️

Why You'll Love This Recipe

  • No Chopping Nightmare: I swear by the canned beans here—no wilting, no measuring, just open and drain. Honestly, the mushrooms and onion take five minutes max to sauté, and the roux comes together faster than you can say "potluck."
  • Creamy Crispy Magic: That buttery mushroom-onion mix? It’s the star. The creamy flour-milk topping hits just right—crispy on top, tender underneath—like a hug in casserole form.
  • Potluck Hero: Between us, this is my go-to for gatherings. It’s hearty enough for a main, but light enough to bring. (Yes, even on a Tuesday night.) The leftovers? Still a crowd-pleaser three days later.
  • Pantry Staple Power: I make this when I’m broke or lazy—same result. Canned beans, a few mushrooms, and milk? That’s it. The flour and milk turn into a velvety sauce that makes everything taste like you slaved over it.

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

Here's how to create that perfect combination of crispy fried onions and creamy mushroom sauce.

1

Sauté Mushrooms and Onion for Flavor

Heat 0.25 cup butter in a large skillet over medium heat. Add the 1 lb sliced mushrooms and 1 whole diced yellow onion and cook for 8-10 minutes until the mushrooms release their moisture and the onion becomes translucent. Stir occasionally to prevent sticking.

You'll know it's ready when the mushrooms have softened and the onion has broken down into a fine texture. Season immediately with 0.5 tsp salt, 0.5 tsp black pepper, and 0.5 tsp garlic powder. This step builds the flavor foundation for your entire casserole, so don't rush it.

2

Make the Creamy Sauce Mixture

In a large mixing bowl, combine the cooked mushroom-onion mixture with the 2 cans Campbell's Cream of Mushroom Soup, 0.5 cup milk, and 1 cup chicken broth. Stir until completely smooth and well combined. The sauce should be thick but pourable.

In a separate small bowl, whisk together 0.25 cup all-purpose flour and 0.25 tsp ground black pepper. This flour mixture will create that signature crispy topping when mixed with the fried onions. The pepper adds a subtle kick that complements the creamy sauce perfectly.

3

Assemble the Casserole Layers

Preheat your oven to 350°F. In a 9x13-inch baking dish, spread the drained 2 cans canned green beans evenly across the bottom. Pour the creamy mushroom sauce mixture over the green beans, spreading it evenly to the edges of the dish.

In a small bowl, thoroughly mix the 1 cup fried onions with the flour-pepper mixture until every fried onion piece is lightly coated. Sprinkle this mixture evenly over the top of the casserole. The fried onions should create a beautiful golden lattice pattern that will crisp up beautifully in the oven.

4

Bake to Golden Perfection

Bake uncovered for 35-40 minutes until the top is deep golden brown and the edges are bubbling. The casserole is done when the cheese on top is fully melted and the filling is heated through.

Let it rest for 10 minutes before serving. This resting time allows the top to set slightly and makes it easier to slice. The result should be a creamy, flavorful mushroom sauce with crispy fried onions on top and tender green beans throughout. Serve warm with crusty bread or over buttered noodles.

5

Add the Cheese Topping

Just before serving, sprinkle the 1 cup shredded sharp cheddar cheese evenly over the top of the hot casserole. The residual heat from the casserole will melt the cheese perfectly, creating a delicious, gooey finish that ties everything together.

Let the cheese melt for 2-3 minutes before serving. The cheese adds a final layer of richness that complements the creamy mushroom sauce and crispy fried onions. This is where the magic happens—each bite should deliver that perfect combination of textures and flavors we're after.

👨‍🍳

Pro Tips For Making Campbell'S Green Bean Casserole Recipe With Canned Green Beans

  • Drain and rinse the beans: I learned this the hard way—skipping this step leaves your casserole tasting like canned soup. Dump those beans into a colander, let the liquid drain, then give them a quick rinse under cold water to cut the metallic aftertaste that ruins the whole dish.
  • Sauté onions and mushrooms low and slow: High heat makes mushrooms release bitter water. Keep your pan on medium-low, stir often, and cook until all the moisture evaporates—about 8-10 minutes. This ensures they actually contribute flavor instead of turning your casserole into a watery mess.
  • Don’t skip the roux rest: After mixing flour and milk, let that roux sit for 2-3 minutes before adding it to the beans. I know, it’s tempting to rush, but giving it time thickens the sauce properly and prevents a gluey, unappetizing consistency that’ll have you questioning your life choices.
  • Upgrade with a crispy topping: The classic fried onion topping is fine, but for something that actually holds up, mix 1/2 cup grated Parmesan with the onions before baking. It browns faster and adds a salty depth that makes the whole dish taste like it came from a restaurant—not a can.

Perfect pairings for this campbell's green bean casserole recipe with canned green beans

Classic Holiday Pairings

This casserole shines as the perfect side for roast turkey or ham during Thanksgiving or Christmas dinner. The creamy mushroom sauce balances the savory richness of roasted meats, while the crispy fried onions add a satisfying crunch.

I always serve it alongside honey-glazed carrots—the sweetness contrasts beautifully with the tangy casserole. 🦃

Comfort Food Mashups

For a hearty weeknight meal, pair this casserole with garlic mashed potatoes and sautéed green beans (fresh, not canned!) to create a full Southern-style spread. The creamy textures complement each other perfectly, and the crispy topping adds an extra layer of indulgence.

David loves this combo when he's craving a nostalgic comfort meal.

Beverage Pairings

A crisp Chardonnay with hints of vanilla and citrus is my go-to wine pairing—it cuts through the richness of the casserole beautifully. For beer lovers, a light lager like Miller Lite or Coors Light keeps the palate clean without overwhelming the dish.

If you prefer non-alcoholic options, sparkling apple cider adds a refreshing contrast to the creamy flavors. 🍷

Modern Twist Pairings

For a contemporary twist, serve this casserole with crispy roasted Brussels sprouts tossed in balsamic glaze. The tangy-sweet flavor profile elevates the dish to a restaurant-worthy level.

I also love pairing it with crusty sourdough bread—perfect for soaking up any leftover creamy sauce. The contrast of textures makes every bite exciting. 🥖

Make-Ahead Game Plan

If you're prepping for a holiday gathering, assemble the casserole in the baking dish up to 24 hours ahead and refrigerate it uncovered. When ready to bake, add the cheese topping and bake as directed.

The flavors meld beautifully overnight, and the crispy topping stays perfect. Biscuit always "supervises" this step—she gets extra treats for her patience! ⏰

Leftovers Reinvented

Transform leftover casserole into green bean casserole quesadillas by layering slices between tortillas with melted cheese, then pan-frying until crispy. Another favorite: casserole-stuffed potatoes—hollow out baked potatoes, fill with casserole, and broil until bubbly. These creative uses keep the magic alive long after the original dish is gone. 🌟

Nutrition facts

Servings 6
Amount Per Serving
Calories 380kcal
% Daily Value *
Total Fat 24g31%
Saturated Fat 14g70%
Cholesterol 85mg28%
Sodium 1020mg44%
Total Carbohydrate 32g11%
Dietary Fiber 5g18%
Sugars 8g
Protein 16g32%
* 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 fresh green beans instead of canned?

You can absolutely substitute fresh green beans! Use 2 pounds of trimmed fresh beans (about 6 cups packed). Blanch them in boiling water for 3 minutes, then drain and shock in ice water before assembling the casserole. This maintains the same tender texture as canned beans.

2

Why is my crispy topping soggy instead of crispy?

Soggy topping usually means the onions absorbed too much moisture. To fix this, pat the fried onions dry before mixing with flour, and ensure your baking dish has a well-drained layer of green beans underneath. Bake at 375°F instead of 350°F for the last 5 minutes to crisp up the top.

3

Can I make this in a smaller baking dish?

Yes! For a 9x9-inch dish, reduce the recipe by 1/3 (use 1 can green beans, 1 can soup, etc.). For a 7x11-inch dish, use 1/2 the recipe. Adjust baking time by 10-15 minutes—smaller dishes cook faster. The key is maintaining the same layer thickness for even baking.

4

What's the best way to reheat leftovers?

Cover with foil and reheat at 350°F for 20 minutes, then broil 2-3 minutes to restore crispiness. For microwave reheating, cover with a damp paper towel and heat in 30-second intervals until warmed through. Add a sprinkle of extra fried onions on top before serving for fresh crunch.

5

Can I make this vegetarian?

Easily! Skip the chicken broth and use vegetable broth instead. For extra umami, add 1 tsp soy sauce or 1/2 tsp nutritional yeast to the sauce. The dish stays just as rich and satisfying without meat.

★★★★★5.0(10 reviews)
Categories Side Dishes