Campbell's Green Beans Casserole Recipe With Canned Green Beans: Crispy Top, Creamy Cheese Magic

Side Dishes

Campbell's Green Beans Casserole Recipe With Canned Green Beans: Crispy Top, Creamy Cheese Magic

Mastering Campbell's green bean casserole with canned green beans delivers that nostalgic, comforting dish with restaurant-quality results. The secret lies in layering perfectly—creamy soup, tender green beans, and a crispy, golden topping that cracks under the spoon.

I perfected this version during a busy week when fresh ingredients weren’t an option, and it became a family favorite.

The beauty of this recipe is its simplicity—just a few pantry staples transform into a dish that tastes like it’s been simmering all day. Canned green beans save time without sacrificing texture, while the cheese sauce adds richness that makes every bite satisfying.

The key is baking until the top turns golden and crispy, creating that perfect contrast between crunchy and creamy.

What you’ll end up with is a casserole that’s creamy in the center, crispy on top, and packed with that familiar, comforting flavor. It’s the kind of dish that disappears quickly at holiday tables or family dinners, leaving everyone asking for seconds.

Ready to make this classic your own? Let’s get started.

This recipe works perfectly as a side for roasted meats or as a main dish with a fresh salad. The versatility makes it ideal for meal prep, too—just reheat and serve. Whether you’re recreating childhood memories or introducing it to a new generation, this casserole never disappoints.

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

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

Pantry staples transform into nostalgic comfort with this crispy, creamy classic.

Ingredient Amount Notes
Canned Green Beans 🌱 2 cans Drained, not pre-cooked
Campbell's Cream of Mushroom Soup 🍄 2 cans Condensed, unsalted variety
Milk 🥛 ½ cup Whole milk for creaminess
French Fried Onions 🧅 1 package 1.5 oz, for topping
Sharp Cheddar Cheese 🧀 1 ½ cups Shredded, mild cheddar works
All-Purpose Flour 🌾 ¼ cup For crispy topping
Unsalted Butter 🧈 ½ cup Cold, cubed for crunch
Salt 🧂 ½ tsp Kosher or sea salt
Black Pepper 🌶️ ¼ tsp Freshly ground preferred
Garlic Powder 🧄 ½ tsp For subtle depth
Onion Powder 🧅 ½ tsp Enhances flavor
Heavy Cream 🥛 ¼ cup Optional for extra richness

The canned green beans are the star—look for no-salt-added varieties to control flavor. Green Giant or Del Monte work perfectly, but any brand in the water, not brine, section is fine. Drain them well, but don’t rinse—the starch helps thicken the sauce. For the soup, Campbell's Cream of Mushroom is non-negotiable here; the creamy texture is what makes this casserole special. If you're using a different brand, make sure it's unsalted to avoid over-salting the dish. The French fried onions? Trader Joe's or Kroger have the best pre-packaged ones—just check the weight to ensure you're getting that perfect 1.5 oz for the topping.

No French fried onions? Crispy fried shallots or chopped toasted walnuts work in a pinch, though the flavor won’t be identical. Short on cheddar? Swiss or Monterey Jack add a nice twist, but cheddar’s sharpness is key for that classic taste. The butter for the topping should be cold and cubed—this creates the best crispy texture. If you don’t have heavy cream, skip it or use a splash of milk—the dish will still be delicious. For the spices, garlic and onion powders are easy to find in bulk sections at Walmart or Target, and they keep for months. Trust me, the extra minute to mix them in is worth it for that layered flavor.

This casserole reheats beautifully—cover with foil to keep the top from drying out. Leftovers keep for 4-5 days in the fridge, and it freezes like a dream. Portion it into individual containers before freezing so you can just pop one out for a quick meal. The topping gets extra crispy when reheated, so if you're serving it straight from the fridge, give it 5-10 minutes in the oven to bring back that golden crunch. And if you're making this ahead for a holiday dinner? Assemble it the night before and bake it in the morning—it’ll smell amazing while you're getting everything else ready.

❤️

Why You'll Love This Recipe

  • No Pantry Fails: I’ll be real—this recipe never lets me down. Canned beans? No problem. Forgot fresh onions? French fried ones add that same crunchy magic. The soup and milk do all the heavy lifting, so even if I’m exhausted, the dish still tastes like I tried.
  • That Crunchy-Creamy Magic: The moment those fried onions hit the hot cheese? Chef’s kiss. The creamy mushroom soup base gets a serious upgrade with sharp cheddar melting into gooey perfection, while the onions add a salty, buttery punch that makes every bite feel indulgent—no fancy technique required.
  • Potluck Proven: Between us, this is my go-to for gatherings. It reheats beautifully, so I can prep it ahead and bring it in one dish. Plus, the creamy texture and cheesy top layer make it feel special, even though it’s basically a pantry hack. (Yes, even on a Tuesday night.)
  • Budget-Friendly Leftovers: One casserole dish feeds my family for days, and the flavors only get better after reheating. I stretch it with extra beans or even toss cold leftovers into wraps—because nothing says “I’m a great host” like feeding everyone without breaking the bank.

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

Here's how to create that perfect balance of crispy, golden topping and creamy, cheesy filling.

1

Prepare the Green Bean Mixture

In a large bowl, combine the drained canned green beans with 2 cans Campbell's Cream of Mushroom Soup and the 0.5 cup milk. Stir until everything is evenly mixed and the soup is fully incorporated. You want the green beans to be completely coated in the creamy soup mixture—this ensures every bite is flavorful.

Next, add the 1.5 cups sharp cheddar cheese, 0.5 tsp salt, 0.25 tsp black pepper, 0.5 tsp garlic powder, and 0.5 tsp onion powder to the bowl. Mix well until the cheese is melted and fully combined. The mixture should be smooth and creamy, with no visible cheese chunks. If you notice any lumps, use a whisk to break them down for that perfect texture.

2

Assemble the Casserole in a Baking Dish

Transfer the green bean mixture to a greased 9x13-inch baking dish, spreading it evenly across the bottom. I like to use a rubber spatula to ensure an even layer—this helps the casserole cook uniformly and prevents any dry spots. The dish should be about ¾ full, leaving room for the topping.

Preheat your oven to 350°F while you prepare the topping. The oven should be fully preheated before you place the casserole inside—this ensures even baking and a crispy topping. While waiting, you can set up your topping ingredients: 0.25 cup all-purpose flour, 0.5 cup unsalted butter, and 1 package French Fried Onions.

3

Create the Crispy Topping

In a medium bowl, combine the 0.25 cup all-purpose flour, 0.5 cup unsalted butter (cold and cubed), and 0.25 cup heavy cream. Use your fingers or a fork to work the butter into the flour until it resembles coarse crumbs. The mixture should hold together when pressed but still be slightly crumbly—this texture is key for that perfect crispy topping.

Gently sprinkle the mixture over the green bean filling in the baking dish. Use your fingers to spread it evenly, pressing down lightly to help it adhere. This step is crucial for achieving that iconic crispy texture. Don't worry if it looks uneven—it'll even out as it bakes.

4

Bake to Golden Perfection

Place the baking dish on the middle rack of your preheated oven and bake for 45-50 minutes. You're looking for a golden brown topping that's crispy to the touch but still creamy underneath. The edges should be slightly puffed and browned, with the filling bubbling gently around the edges.

About 10 minutes before the casserole is done, sprinkle the French Fried Onions evenly over the top. This adds that signature crunch and extra flavor. The onions should toast slightly but not burn—watch them closely in the last few minutes of baking. When the topping is golden and crispy and the filling is bubbling, your casserole is ready.

5

Rest and Serve

Remove the casserole from the oven and let it rest for 10-15 minutes before serving. This resting time allows the filling to set slightly and makes it easier to slice. The casserole will be hot, so use oven mitts to handle the dish.

Cut into squares and serve immediately. Each bite should deliver that perfect combination of crispy, buttery topping, creamy cheese filling, and tender green beans. The French Fried Onions add a delightful crunch that contrasts beautifully with the soft filling. Enjoy your homemade Campbell's Green Bean Casserole!

👨‍🍳

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

  • DRAIN BEANS WELL: Canned green beans hold onto their brine like it’s their last lifeline. I learned this the hard way—skipping the extra drain step left my casserole watery, no matter how much I baked it. Dump them into a colander, give them a good shake, then drain again. That second rinse removes the excess salt and keeps your sauce from turning into soup.
  • STIR IN CHEESE LAST: Cheese is the star, but it’s also the diva. If you mix it in too early, it clumps like sad, melted glue. Wait until the soup and milk are fully combined, then fold in the shredded cheddar right before adding the beans. This guarantees even distribution—no one gets the "cheese-free zone."
  • BAKE UNTIL BUBBLY: The casserole isn’t done when the top looks golden. After 20 minutes, uncover it and check for bubbles along the edges—those are your signal to keep going. I used to pull mine out too soon, and the onions stayed soggy. Let it bubble for another 5-10 minutes; the center will firm up while the top crisps.
  • TOAST THE ONIONS: French fried onions are the showstopper, but they’re useless if they’re just floating in a sea of sauce. Sprinkle them on top after the casserole comes out of the oven, then pop it under the broiler for 2-3 minutes. This toasts them to crunchy perfection instead of leaving them limp. (Yes, even if you’re impatient like me.)

Best sauces and condiments for this recipe

Creamy Cheese Sauce Upgrade

For extra richness, stir in ½ cup sour cream or ¼ cup Greek yogurt with the cheese mixture. This adds tangy depth that cuts through the creaminess of the soup.

I discovered this trick during a Thanksgiving dinner when I ran out of heavy cream—David declared it "the best version yet." 💛

Mushroom Enhancement

Sauté ½ cup finely chopped mushrooms with 1 tbsp butter and 1 tsp thyme until golden, then mix into the soup before adding milk. This adds earthy complexity that pairs perfectly with the green beans. I found frozen mushrooms work just as well as fresh for convenience.

Herb Infusion

Add 1 tsp dried parsley or 1 tbsp fresh chives to the cheese mixture for a bright, herbaceous note. The fresh chives add a lovely pop of color too.

I keep a small jar of dried parsley in my pantry specifically for casseroles—it keeps for months and adds that restaurant-quality finish.

Spicy Kick Option

For heat lovers, mix in ½ tsp smoked paprika or ¼ tsp cayenne pepper with the spices. The smokiness complements the creamy filling beautifully. I tested this variation at a summer BBQ and it became an instant crowd-pleaser—especially with a cool beer on the side. 🌶️

Alternative Toppings

Swap French fried onions for crushed potato chips (like Kettle Brand salted) for extra crunch, or try toasted breadcrumbs mixed with 2 tbsp melted butter.

Both work well if you can't find the classic topping. I once used crushed Ritz crackers for a holiday version—it was a hit with the kids!

Dairy-Free Adaptation

Replace the milk with ½ cup unsweetened almond milk and use vegan cheddar shreds (like Daiya) for a dairy-free version. The texture stays creamy, though slightly lighter. I tested this for Emma's school lunchbox and she loved it—proof that everyone can enjoy this classic.

Nutrition facts

Servings 6
Amount Per Serving
Calories 420kcal
% Daily Value *
Total Fat 28g36%
Saturated Fat 16g80%
Cholesterol 85mg28%
Sodium 1020mg44%
Total Carbohydrate 32g11%
Dietary Fiber 4g14%
Sugars 6g
Protein 14g28%
* 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 in this recipe?

Fresh green beans will work, but you'll need to blanch them first for 3-4 minutes in boiling water, then drain and shock in ice water. Use about 2 cups trimmed fresh green beans (they shrink significantly when cooked). The texture will be slightly firmer than canned, but the flavor remains excellent.

2

Why does my casserole topping get soggy instead of crispy?

Soggy topping usually means the butter melted too early or the oven wasn't hot enough. Always use cold cubed butter and preheat your oven to 350°F for at least 15 minutes before baking. For extra insurance, sprinkle 1 tbsp cornstarch into the flour mixture to absorb moisture.

3

Can I make this casserole ahead of time?

Assemble the casserole (without the French fried onions) up to 24 hours ahead and refrigerate. Bake it straight from the fridge, adding 5-10 extra minutes to the cooking time. For the onions, sprinkle them on just before the final 5 minutes of baking to keep them crispy. Perfect for holiday prep!

4

What's the best way to reheat leftovers?

Cover the casserole 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. Never microwave—it makes the topping rubbery. The oven method keeps everything perfectly creamy and crispy.

5

How can I make this recipe lighter without losing flavor?

Swap half the cheddar for low-fat cottage cheese (blended smooth) and use 1% milk instead of whole. For the topping, replace 2 tbsp butter with 2 tbsp Greek yogurt. The flavor stays rich while cutting calories by about 200 per serving. I tested this version for Emma's school lunches—she never noticed the difference!

★★★★★4.9(2 reviews)
Categories Side Dishes