Side Dishes
This Campbell's Green Bean Casserole recipe with cream of mushroom soup delivers the crispy onion top magic that makes it a holiday staple in just 30 minutes.
The secret lies in layering creamy soup, tender green beans, and perfectly fried onions for that signature crunch—no shortcuts, just comfort food perfection. I've perfected this method over years of holiday hosting, and it never fails to impress.
The foundation starts with canned green beans and Campbell's cream of mushroom soup, but the real magic happens in the topping. Homemade fried onions (or store-bought) get crisped to a golden brown before baking, creating that irresistible crunch contrast.
This version stays true to tradition while cutting prep time—no soggy tops or bland flavors here. The creamy mushroom base adds depth that makes every bite satisfying.
By the time it comes out of the oven, you'll have a crispy, bubbling casserole with layers of flavor: tender green beans, rich mushroom cream, and that signature crunchy onion blanket on top.
It's the kind of dish that transforms any meal into a cozy gathering—whether for Thanksgiving, Christmas, or a casual weeknight dinner. The best part? Leftovers reheat beautifully, making it a make-ahead favorite.
For extra richness, stir in crispy bacon or sprinkle cheddar cheese before baking. This recipe keeps the classic comfort while letting you customize it to your taste. Let's get baking—your taste buds will thank you for the nostalgia and crunch in every bite.
Ingredients for campbell's green bean casserole recipe with cream of
Pantry staples meet holiday magic—just 13 ingredients for that crispy, creamy classic.
| Ingredient | Amount | Notes |
|---|---|---|
| Canned Green Beans 🌽 | 2 cups | Drained, no salt added |
| Campbell's Cream of Mushroom Soup 🍄 | 2 cups | Condensed, not ready-to-serve |
| Yellow Onions 🧅 | 1 ½ cups | Diced, fine cut for frying |
| All-Purpose Flour 🌾 | ½ cup | For dredging onions |
| Unsalted Butter 🧈 | ½ cup | Melted for frying onions |
| Heavy Cream 🥛 | ½ cup | Full-fat for creaminess |
| Milk 🥛 | ½ cup | Whole milk preferred |
| French Fried Onions 🧅 | 1 ½ cups | Store-bought or homemade |
| Shredded Cheddar Cheese 🧀 | 1 cup | Optional, for extra richness |
| Salt 🧂 | ½ tsp | Kosher or sea salt |
| Black Pepper 🌶️ | ¼ tsp | Freshly ground preferred |
| Garlic Powder 🧄 | ½ tsp | For depth of flavor |
| Crispy Bacon 🥓 | ½ cup | Chopped, optional topping |
The onions are non-negotiable for that signature crunch. Yellow onions work best—sweet onions get too sweet when fried. For homemade fried onions, grab Vlasic or French's from the store (they're pre-seasoned), or make your own by dredging diced onions in flour, frying in butter until golden, then draining on paper towels. The secret? Low and slow frying keeps them crispy, not greasy. I always double the batch—half for the topping, half to sprinkle on baked potatoes later.
No Campbell's? Homemade mushroom cream sauce works—sauté mushrooms in butter, add cream and a splash of milk, then simmer until thick. Out of heavy cream? Half-and-half stretches it nicely. The French fried onions can be swapped for crushed potato chips in a pinch (trust me, it works), but homemade is always better. For extra richness, Parmigiano-Reggiano shreds beautifully instead of cheddar. The green beans? Fresh or canned both work—just drain well if using canned.
This reheats beautifully—just cover with foil and warm in the oven. Keeps for 4-5 days in the fridge, freezes for 3 months. I portion mine into individual baking dishes for easy reheating. The crispy topping gets soggy if stored uncovered, so always seal it tightly. For holiday gatherings, make it ahead and bake just before serving—the aroma alone will have everyone gathering around.
Why You'll Love This Recipe
- One-Pot Magic: I swear by this recipe for nights when I’m too tired to wash extra dishes. Drain the green beans, mix in the soup and onions, then dump it all in one pan. The flour-butter topping? Just stir, spread, and bake—no rolling required.
- Creamy Mushroom Hug: That Campbell’s soup brings a rich, umami depth that’s chef’s kiss with the crispy flour topping. The onions caramelize just enough to add sweetness, while the butter in the topping gives it that golden, buttery finish. It’s the kind of dish that tastes like you slaved over it—even when you didn’t.
- Leftovers That Don’t Let You Down: Between us, this casserole actually improves the next day. The flavors meld even more, and reheating it in the oven (or microwave, if you’re lazy) keeps that perfect texture. I make a double batch on Sundays because it’s the only side dish my kids will eat cold for lunch.
- Pantry Staple Power: Honestly, this recipe is my go-to when I’m broke or running out of fresh ingredients. Canned beans, a can of soup, and basic spices—it’s the ultimate budget-friendly win. Plus, the prep is so simple, I can throw it together while waiting for the chicken to roast or the meatloaf to bake.
Step-by-step instructions for Campbell's green bean casserole with cream of
Here's how to create that iconic crispy-topped casserole with creamy, savory perfection.
Prepare the Green Bean Mixture
In a large mixing bowl, combine the 2 cups drained canned green beans with the 2 cups Campbell's Cream of Mushroom Soup. Stir gently to ensure the soup coats the green beans evenly. In a separate small bowl, whisk together the 0.5 cup heavy cream, 0.5 cup milk, 0.5 tsp salt, 0.25 tsp black pepper, and 0.5 tsp garlic powder. Pour this creamy mixture into the green bean bowl and stir until fully incorporated.
Here's the thing—this creamy base is what makes the casserole so rich. You want it smooth but not watery, so if it looks too thick, add 1 tablespoon of milk at a time until it reaches a pourable consistency. The mixture should coat the back of a spoon lightly, ensuring that creamy texture we all love.
Create the Crispy Onion Topping
In a medium skillet, melt the 0.5 cup unsalted butter over medium heat. Add the 1.5 cups diced yellow onions and cook, stirring occasionally, for 8-10 minutes until they turn a beautiful golden brown. The onions should be soft but not mushy, and you should smell that sweet, caramelized aroma.
Once the onions are cooked, transfer them to a clean plate and let them cool slightly. In the same skillet, sprinkle the 0.5 cup all-purpose flour over the remaining butter and onions. Stir constantly for 1-2 minutes until the flour turns golden brown and the mixture resembles coarse breadcrumbs. This creates the crispy texture that makes this casserole legendary.
Assemble and Bake the Casserole
Preheat your oven to 375°F. Grease a 9x13-inch baking dish generously with butter or cooking spray. Pour the green bean mixture evenly into the prepared dish, spreading it out to cover the bottom completely. Sprinkle the 1.5 cups French fried onions evenly over the top, pressing them down gently to help them stick.
Next, scatter the crispy onion mixture from Step 2 evenly over the French fried onions. For extra richness, sprinkle the 1 cup shredded cheddar cheese on top. If you're using the 0.5 cup crispy bacon, sprinkle that on as well. The cheese and bacon add layers of flavor that make this casserole irresistible.
Bake to Golden Perfection
Place the casserole in the preheated oven and bake for 25-30 minutes until the top is deep golden brown and the cheese is bubbly. The edges should look crispy, and you should smell that rich, savory aroma filling your kitchen. Real talk: don't open the oven door during the last 10 minutes of baking—this is when the top gets its crispy magic.
When the casserole is done, let it rest for 5-10 minutes before serving. This resting time allows the layers to set slightly, making it easier to slice and ensuring that creamy filling stays put. Serve warm with crusty bread or a simple side salad for the ultimate comfort meal.
Pro Tips For Making Campbell'S Green Bean Casserole Recipe With Cream Of
- Sauté Onions Until Soft: I used to skip this step and just toss raw onions into the butter—big mistake. Cook them in the butter for 4-5 minutes until translucent. That sweet, mellow flavor carries through the whole dish instead of sitting there like a raw, bitter afterthought.
- Drain Beans Well: Skip this at your peril. Drain the canned green beans thoroughly and give them a quick rinse under cold water. Leftover starchy water turns your creamy sauce into a gluey mess, and nobody wants that.
- Melt Butter Slowly: If you dump cold butter into the pan and crank the heat, you’ll end up with scrambled butter instead of a smooth roux. Melt it over medium-low heat first, then gradually whisk in the flour to avoid lumps.
- Bake Until Bubbly: This isn’t a microwave dinner—give it 20-25 minutes at 350°F until the top is golden and the edges are bubbling. Underbaking leaves you with a sad, watery casserole that tastes more like soup than comfort food.
Pro cooking tips for campbell's green bean casserole recipe with cream of
Layering Secrets
This casserole thrives on proper layering—start with the green bean mixture spread evenly in your 9x13-inch baking dish. Press down gently to eliminate air pockets, which prevents sogginess. Next, sprinkle the French fried onions in an even layer, pressing them lightly into the soup.
This creates a sturdy base for the crispy topping. I find using a pie dish for the first layer helps distribute the mixture more evenly. 🧅
Crispy Topping Hacks
For that legendary crunch, double-fry your onions if making them from scratch. Fry once in butter until soft, drain, then fry again in fresh butter until golden brown. Store-bought French's French Fried Onions work in a pinch, but homemade stays crispier longer.
Spread the flour-butter mixture evenly over the top—this is your crispy armor. Avoid piling it high; a thin, even layer ensures even browning. 🔥
Baking Temperature Control
Set your oven to 375°F—any hotter risks burning the top before the center cooks. I use an oven thermometer to verify accuracy (many ovens run hot). Place a baking sheet under the dish to catch any drips.
The 25-30 minute bake time assumes a fully assembled casserole straight from the fridge. If assembling from room temperature, reduce by 5 minutes. 🌡️
Resting Matters
Never skip the 5-10 minute rest after baking. This lets the creamy filling set and prevents it from sliding out when you slice. For extra insurance, chill the casserole for 10 minutes before serving—this firms up the topping even more.
I always serve it with a side of crusty bread to soak up that creamy goodness. 🍞
Cheese Customization
Skip the cheddar for Gruyère or Parmesan—they add nutty depth. For a smoky twist, sprinkle smoked gouda on top. If using cheese, add it in the last 5 minutes of baking so it melts perfectly.
I like to mix cheeses for complexity—try ½ cup cheddar + ½ cup Parmesan. The cheese should be bubbly but not browned. 🧀
Make-Ahead Magic
Assemble the casserole up to 24 hours ahead and refrigerate uncovered. The onions will stay crispier this way. When ready to bake, add 5-10 minutes to the baking time.
For freezing, bake fully, cool completely, then wrap tightly in foil. Reheat covered at 350°F for 20-25 minutes—the topping may soften slightly but stays flavorful. ❄️
Nutrition facts
Frequently asked questions
Can I use cream of celery soup instead of mushroom?
Cream of celery soup works beautifully and adds a subtle earthy flavor that pairs perfectly with green beans. Just follow the same recipe, using 2 cups of celery soup instead. For extra depth, stir in ½ teaspoon of dried thyme or a pinch of celery seed before baking. The texture remains creamy, just with a different herbal note.
Why did my onion topping get soggy?
Soggy topping usually happens when the onions absorb too much moisture from the creamy layer below. To prevent this, press the French fried onions firmly into the soup mixture before adding the crispy flour-butter topping. Also, avoid opening the oven door during the last 10 minutes of baking—this disrupts the crisping process. For extra insurance, sprinkle a thin layer of crushed cornflakes or breadcrumbs between the soup and onions.
How can I make this dish vegetarian?
Skip the bacon and use vegetable broth instead of milk to thin the soup if needed. For extra richness, stir in ½ cup nutritional yeast or ¼ cup vegan butter into the creamy mixture. You can also add ½ cup diced mushrooms sautéed in butter to the green bean layer for extra umami. The flavor remains hearty and satisfying without meat.
Can I use fresh green beans instead of canned?
Yes, but you'll need to blanch them first. Trim 2 cups fresh green beans and boil for 3 minutes, then shock in ice water to stop cooking. Drain well and pat dry before mixing with the soup. Fresh beans add a slightly crunchier texture, but they'll absorb more moisture, so you might need to add 1 extra tablespoon of milk to the creamy mixture.
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 1-2 minutes at the end. Microwaving works too—cover with a damp paper towel and heat in 30-second intervals, stirring between each. The topping may soften slightly, but the creamy filling stays delicious. Leftovers keep well for 4-5 days in the fridge.