Side Dishes
This Campbell's green bean casserole recipe transforms a simple can of green beans into a crispy-topped, golden masterpiece that’s become a holiday staple. The secret lies in layering creamy mushroom sauce with tender green beans and a buttery, crackling topping—just like Grandma used to make.
I’ve perfected the technique over years of holiday gatherings, ensuring the top stays perfectly crispy while the filling remains rich and velvety.
The beauty of this recipe is its simplicity—five key ingredients come together in 30 minutes to create a dish that’s hearty enough for a main course or elegant as a side. The mushroom sauce adds depth, while the crispy fried onion topping delivers that satisfying crunch in every bite.
It’s the kind of comfort food that brings people together, whether for Thanksgiving, Christmas, or a nostalgic weeknight dinner.
By the time it emerges from the oven, you’ll have a golden, bubbling casserole with a crispy top that shatters slightly when cut, revealing layers of creamy mushroom sauce and tender green beans beneath.
The aroma alone will have everyone gathering around the table, and the first bite delivers that perfect balance of textures—creamy, crispy, and savory all at once.
Serve this classic side with roasted chicken, turkey, or ham for a complete holiday meal. The leftovers reheat beautifully, making it the ultimate make-ahead dish. Here’s how to create this timeless favorite in your own kitchen.
Ingredients for campbells green bean
Five essential ingredients transform canned green beans into a golden, crispy holiday classic.
| Ingredient | Amount | Notes |
|---|---|---|
| Campbell's Cream of Mushroom Soup 🍄 | 2 cans | Condensed, 10.5 oz each |
| Green Beans 🌱 | 3 cans | Campbell's, 14.5 oz each, drained |
| French Fried Onions 🧅 | 1 ½ cups | Seasoned, for crispy topping |
| Milk 🥛 | ½ cup | Whole, for creaminess |
| Unsalted Butter 🧈 | ½ cup | Cold, cubed for topping |
| All-Purpose Flour 🌾 | ¼ cup | For crispy topping blend |
| Diamond Crystal Kosher Salt 🧂 | ½ tsp | Fine grain for seasoning |
| Ground Black Pepper 🌶️ | ¼ tsp | Freshly ground preferred |
| Garlic Powder 🧄 | ½ tsp | For depth of flavor |
| Parmesan Cheese 🧀 | ¼ cup | Freshly grated, for richness |
The Campbell's Cream of Mushroom Soup is the foundation—condensed version ensures proper texture without thinning. For optimal flavor, check expiration dates as older cans develop metallic notes. Whole milk elevates the sauce's creaminess, so avoid skim or almond milk substitutes. The French fried onions should be the seasoned variety—Trader Joe's or Kroger brands deliver consistent crunch. Parmesan cheese adds depth; grate it fresh from a block for maximum flavor impact.
No French fried onions? Crushed potato chips (like Ruffles) create a similar crunch when mixed with butter and flour. Substitute mushroom broth for half the soup if you prefer lower sodium. Garlic powder can be swapped for 1/4 tsp onion powder if unavailable. For a vegetarian twist, replace the Parmesan with nutritional yeast—it mimics the umami without dairy. Pre-shredded cheese works in a pinch, but freshly grated melts more smoothly. Butter must be cold when cutting into the flour mixture to ensure crispiness.
This casserole reheats beautifully—cover with foil to prevent over-browning. Portion into individual dishes before baking for easy serving. Leftovers keep 4-5 days in the fridge or 3 months frozen. For make-ahead convenience, assemble the dish one day ahead and refrigerate uncovered to develop deeper flavors. Reheat at 350°F for 15-20 minutes to restore crispiness.
Why You'll Love This Recipe
- Five-Ingredient Magic: I swear, this is the kind of recipe where you open the pantry and boom—dinner’s ready. No chopping, no fuss, just dumping soup, beans, and those golden fried onions together. The milk and butter turn it from basic to "oh wow" in five minutes.
- Creamy Crunch Perfection: That first bite? The buttery green beans with the sharp crunch of fried onions cutting through the rich mushroom soup—it’s like a hug in a bowl. Honestly, the texture combo is what makes this dish my secret weapon for lazy nights.
- Potluck Star: Bring this to a gathering and watch it disappear. It’s hearty enough for a main (yes, even on a Tuesday) but light enough to feel like a treat. Plus, it reheats beautifully—just add a splash of milk to keep it creamy.
- Budget Win: I made this last week for $3.50 total. The soup and beans stretch forever, and the fried onions add that restaurant-worthy touch without breaking the bank. Leftovers? They’re even better the next day—trust me, I’ve tested it.
Step-by-step instructions for Campbell's green bean casserole
Master this classic comfort dish with a perfect balance of creamy mushroom sauce and crispy golden topping.
Prepare the Green Bean Base
Preheat your oven to 375°F and drain the 3 cans of green beans, reserving ½ cup of the liquid from the cans. In a large bowl, combine the drained green beans with the 2 cans of Campbell's Cream of Mushroom Soup and 0.5 cup of milk. Stir gently to distribute the soup evenly throughout the mixture. The texture should be thick but pourable, with the green beans fully coated in the creamy mushroom sauce.
Transfer the green bean mixture to a 9x13-inch baking dish, spreading it evenly into a single layer. This even distribution ensures consistent cooking and prevents some areas from becoming overcooked while others remain underdone. Smooth the top with a spatula, creating an even surface for the topping to adhere to perfectly.
Create the Crispy Topping Mixture
In a medium bowl, combine the 1.5 cups of French Fried Onions, 0.5 cup of unsalted butter (cold and cubed), 0.25 cup of all-purpose flour, 0.5 teaspoon of Diamond Crystal Kosher Salt, 0.25 teaspoon of ground black pepper, 0.5 teaspoon of garlic powder, and 0.25 cup of freshly grated Parmesan Cheese. Use your hands to mix these ingredients thoroughly until the butter is evenly distributed and the mixture resembles coarse crumbs.
The cold butter is essential here—it prevents the topping from becoming greasy and ensures that each piece of French fried onion maintains its crispy texture. If the mixture feels too dry, add 1 tablespoon of the reserved green bean liquid at a time until it holds together when pressed, but remains crumbly enough to create a textured topping.
Assemble and Bake for Golden Perfection
Sprinkle the topping mixture evenly over the green bean base, pressing down gently to ensure good contact between the layers. This step is crucial for achieving that signature crispy top. Place the baking dish on the middle rack of your preheated oven and bake for 25-30 minutes, until the topping is deep golden brown and the edges are bubbling.
Watch closely during the last 5 minutes of baking—this is when the topping transforms from pale to beautifully crispy. If it begins to brown too quickly, tent the dish with aluminum foil to prevent burning while still allowing it to crisp. The casserole is done when the top is golden and the filling is heated through, with no signs of moisture on the surface.
Rest and Serve with Confidence
Remove the casserole from the oven and let it rest for 10 minutes before serving. This resting period allows the layers to set slightly, making it easier to slice cleanly. The crispy topping will firm up during this time, ensuring it holds its texture when served.
Slice into 6 equal portions and serve immediately. Each bite should deliver the perfect combination of creamy mushroom sauce, tender green beans, and a satisfying crunch from the golden topping. For an extra touch, garnish with additional French fried onions or a sprinkle of freshly cracked black pepper just before serving.
Pro Tips For Making Campbells Green Bean
- Trim and Blanch Beans: Cut off the ends of your green beans first—this keeps them looking neat and prevents them from falling apart when you add the hot soup. Toss them in boiling water for exactly 3 minutes (no longer) before draining; overcooking turns them mushy, and you want that crisp-tender bite.
- Melt Butter First: Heat the butter in your pan until it’s just melted and starting to foam—about 2 minutes on medium. This prevents the soup from seizing up when you add it later. I learned this the hard way after scraping burnt bits off my pot.
- Skip the Crowd: Don’t dump all the green beans into the pan at once. Add them in batches so they sizzle instead of steam—this helps them absorb the creamy sauce better. Works especially well if you’re using frozen beans straight from the freezer.
- Toast the Onions: Sprinkle those French fried onions over the hot dish right before serving. Let them sit for 30 seconds so they crisp up—this makes all the difference. If you add them too early, they’ll turn soggy, and nobody wants that.
Dietary considerations for these flavors
Gluten-Free Adaptations
This casserole can easily be adapted for gluten-free diets by swapping the all-purpose flour in the topping with a 1:1 gluten-free flour blend like King Arthur Measure for Measure. Use the same ¼ cup measurement, ensuring the blend contains xanthan gum for proper binding.
I’ve tested this substitution and found it creates a crispy topping that holds up beautifully during baking. 🌾
For extra insurance, replace the French fried onions with gluten-free breadcrumbs (like Annie’s Homegrown) tossed with ½ cup melted butter, ½ tsp garlic powder, and ¼ tsp salt. This alternative maintains the crunch while eliminating any potential gluten cross-contamination from store-bought fried onions.
Dairy-Free Options
To make this recipe dairy-free, substitute the ½ cup milk with ½ cup unsweetened almond milk or cashew cream for richness. For the topping, replace the ½ cup butter with ½ cup dairy-free margarine (like Earth Balance) and omit the ¼ cup Parmesan.
Instead, add ¼ cup nutritional yeast for a cheesy flavor without dairy. The texture remains creamy and satisfying. 🧈
For an additional boost, stir 1 tbsp olive oil into the green bean mixture to enhance creaminess. I’ve found this adjustment maintains the dish’s velvety texture while keeping it completely dairy-free. Always check labels on canned soup to ensure it’s dairy-free—some Campbell’s varieties contain milk.
Lower-Carb Modifications
Transform this classic into a lower-carb version by reducing the green beans to 2 cans and adding 1 cup cauliflower florets (steamed and drained) to the base. This cuts carbs while maintaining volume.
For the topping, use ½ cup almond flour instead of all-purpose flour—it adds a nutty depth while keeping carbs in check. 🥦
To further reduce carbs, omit the French fried onions entirely and use crushed pork rinds (like Schar) as the crispy base. These hold their crunch beautifully and add a satisfying meaty texture. The result is a lighter, keto-friendly version that still delivers that signature crispy top.
Vegetarian Protein Boost
Add 1 cup cooked lentils or ½ cup crumbled tempeh to the green bean mixture for extra protein. Both options blend seamlessly into the creamy sauce, adding heartiness without altering the dish’s classic texture. I prefer lentils for their neutral flavor and tender texture. 🌱
For a cheesy vegetarian option, replace the Parmesan with ¼ cup vegan cheese shreds (like Violife) in the topping. This maintains the dish’s rich, savory profile while keeping it completely plant-based. The vegan cheese melts beautifully and adds a satisfying umami depth to each bite.
Nutrition facts
Frequently asked questions
Can I use fresh green beans instead of canned?
Fresh green beans work beautifully—just blanch them for 3 minutes in boiling water, then drain and shock in ice water. Use 3 cups of blanched beans (about 1 pound) to match the canned version's texture. The cooking time remains the same, but fresh beans add a slightly crunchier bite.
Why did my topping turn soggy instead of crispy?
Soggy topping usually means the butter wasn't cold enough or the oven wasn't hot enough. Always use cold cubed butter and preheat to 375°F. For extra insurance, bake for 5-10 minutes uncovered after removing from the oven to restore crispiness.
How can I make this dish ahead of time?
Assemble the casserole completely (including topping) and refrigerate uncovered for up to 24 hours before baking. This enhances flavors! Bake as directed, then cover with foil to reheat. For make-ahead baking, cover with foil and bake at 350°F for 45 minutes—the foil keeps the topping from browning too quickly.
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. Avoid microwaving—it makes the topping rubbery. Store leftovers for up to 4 days in the fridge or 3 months frozen.
Can I make this without French fried onions?
Try crushed potato chips (Ruffles work great) or gluten-free breadcrumbs mixed with ½ cup melted butter and ½ tsp garlic powder. For a nutty option, use ½ cup chopped pecans toasted in butter. The texture will differ but still provide satisfying crunch.