Side Dishes
This Campbell's French Onion Green Bean Casserole recipe brings back the comforting flavors of classic holiday tables while delivering restaurant-quality results at home. The secret lies in balancing Campbell's French Onion Soup Mix with tender green beans and a velvety cheese sauce, all baked until golden and bubbling.
I first discovered this version during a family gathering when we needed to recreate that nostalgic dish without the fuss of homemade soup.
The magic happens in the layers—crispy fried onions on top create that signature crunch, while the creamy cheese sauce binds everything together. This recipe takes about 45 minutes from start to finish, making it perfect for weeknight dinners or holiday gatherings.
The combination of savory onions, tender green beans, and rich cheese creates a side dish that's both hearty and satisfying.
What you'll end up with is a casserole that's creamy in the center, crispy on top, and packed with the familiar flavors of childhood. The aroma alone will bring everyone to the table, and the first bite delivers that perfect balance of textures and tastes.
This is comfort food at its finest—simple to prepare but impossible to resist.
For an extra touch, you can add crispy bacon or extra vegetables like mushrooms or peas. Serve warm with a side salad or crusty bread to complete the meal. Let's get started on creating this nostalgic classic!
Ingredients for campbell's french onion green bean casserole
Campbell's soup mix plus fresh green beans and crispy onions create this nostalgic holiday casserole.
| Ingredient | Amount | Notes |
|---|---|---|
| Campbell's French Onion Soup Mix 🧂 | 2 cups | Original recipe version |
| Fresh Green Beans 🥦 | 3 lb | Trimmed and cut into 1-inch pieces |
| Yellow Onions 🧅 | 4 whole | Thinly sliced for maximum flavor |
| Butter 🧈 | ½ cup | Full-fat for creamy sauce |
| Flour 🌾 | ½ cup | All-purpose for roux |
| Milk 🥛 | 1 ½ cups | Whole milk for richness |
| Shredded Cheddar Cheese 🧀 | 1 ½ cups | Sharp cheddar preferred |
| Fried Onions 🧅 | 1 cup | From can or homemade |
| Salt 🧂 | 1 tsp | Kosher salt preferred |
| Black Pepper 🌶️ | ½ tsp | Freshly ground if possible |
| Breadcrumbs 🍞 | ½ cup | Panko for extra crunch |
| Egg 🥚 | 1 whole | For egg wash topping |
The Campbell's French Onion Soup Mix is your shortcut to that perfect savory base—grab the original recipe version from the soup aisle. I always get mine from Walmart when I'm in a hurry, but Kroger or Publix have it too. The green beans should be bright green and crisp—frozen works in a pinch, but fresh tastes better. For the onions, yellow onions are classic, but red add a touch of sweetness if you're feeling adventurous. Thinly slicing them is key for maximum flavor infusion in the sauce.
No fried onions? Homemade crispy onions are worth the effort—just fry thinly sliced onions in butter until golden, then drain on paper towels. Short on cheddar? Swiss or Monterey Jack work too—just adjust the amount to keep the creamy texture. The milk can be whole, 2%, or even evaporated milk for extra richness. For the breadcrumbs, Panko gives that extra crunch over regular breadcrumbs. And if you're out of eggs for the wash, milk or cream brushed on top works too—just bake a few minutes longer.
This casserole tastes even better the next day, so make it ahead! Store leftovers in an airtight container for up to 5 days in the fridge. For freezing, portion before baking—it reheats beautifully from frozen. I always double the recipe for holiday gatherings, so I have plenty to share. The crispy topping gets soggy if you freeze it first, so save that for last. Just sprinkle the fried onions on top right before baking.
Why You'll Love This Recipe
- I’ll be real: this isn’t some gourmet splurge. A box of Campbell’s soup mix, a bag of green beans, and a block of cheddar? That’s a fraction of what takeout would cost. Plus, the fried onions and breadcrumbs are pantry staples you probably already have. It’s the kind of dish that makes you feel rich without breaking the bank.
- One-Pan, One-Skillet Magic: Honestly, this is the kind of dish where you’re basically doing one prep step and one baking step—no fuss, no extra dishes. The butter and flour roux happens in the same skillet you caramelize those onions in, so you’re not scrubbing pots for hours. Just dump, mix, bake, and boom: dinner’s done.
- Creamy, Crunchy, Cheesy Bliss: That crispy fried onion topping? It’s the dream. The egg-breadcrumb wash locks in that golden, crackly layer while the cheddar sauce stays velvety smooth—like a hug from your grandma’s kitchen. The French onion soup mix adds that subtle savory depth, and the green beans? They soak up all the flavor without getting mushy.
- Budget-Friendly Comfort: I’ll be real: this isn’t some gourmet splurge. A box of Campbell’s soup mix, a bag of green beans, and a block of cheddar? That’s a fraction of what takeout would cost. Plus, the fried onions and breadcrumbs are pantry staples you probably already have. It’s the kind of dish that makes you feel rich without breaking the bank.
Instructions for Campbell's French onion green bean casserole
Here's how to create that perfect balance of creamy, cheesy goodness with crispy fried onions on top.
Prepare the Green Bean and Onion Mixture
Preheat your oven to 375°F. Trim the ends from the 3 lb fresh green beans and cut them into 1-inch pieces. In a large skillet, melt the ½ cup butter over medium heat. Add the 4 yellow onions (thinly sliced) and cook for 8-10 minutes until softened and golden, stirring occasionally.
Add the green beans to the skillet and cook for another 5 minutes, stirring frequently. This step develops the natural sweetness of the onions and ensures the beans are tender but still hold their shape. Season with ½ tsp salt and ½ tsp black pepper. Remove from heat and set aside.
Make the Creamy Cheese Sauce
In the same skillet (no need to clean it—the fond adds flavor), reduce heat to medium-low and whisk in the ½ cup flour to create a roux. Cook for 1-2 minutes until the mixture turns a light golden color and smells nutty.
Slowly pour in the 1½ cups milk, whisking constantly to prevent lumps from forming. Bring the mixture to a gentle simmer and cook for 3-4 minutes until it thickens slightly. Remove from heat and stir in the 2 cups Campbell's French Onion Soup Mix and 1½ cups shredded cheddar cheese until completely melted and smooth. This creates the signature creamy base that makes this casserole so comforting.
Combine and Assemble the Casserole
Transfer the green bean and onion mixture to a 9x13-inch baking dish. Pour the creamy cheese sauce evenly over the top, spreading it with a spatula to ensure full coverage. Sprinkle 1 cup fried onions evenly over the surface for that classic crunchy topping.
Here's the secret to the perfect texture: In a small bowl, beat the 1 egg with a fork, then whisk in ½ cup breadcrumbs until combined. This creates a crispy egg wash topping. Pour this mixture evenly over the casserole, gently spreading it with the back of a spoon. The egg helps create that golden, crispy crust while the breadcrumbs add texture.
Bake to Golden Perfection
Bake uncovered for 25-30 minutes until the top is golden brown and bubbly. The casserole is done when the cheese sauce has set slightly but is still creamy, and the breadcrumb topping is crispy. If the top browns too quickly, tent loosely with aluminum foil for the last 5 minutes of baking.
Let the casserole rest for 10 minutes before serving. This resting time allows the layers to set properly, making it easier to slice and ensuring each bite delivers that perfect combination of creamy cheese sauce, tender green beans, and crispy fried onions. Serve warm with crusty bread for the ultimate comforting meal.
Pro Tips For Making Campbell'S French Onion Green Bean Casserole
- Cook Onions Low and Slow: I learned this the hard way—if you crank the heat too high on those 4 yellow onions, they’ll burn before they caramelize. Keep it at medium and let them soften and turn golden over 8-10 minutes. That sweet, jammy flavor is what makes this casserole sing, not just a sad, bitter onion.
- Whisk Like Your Life Depends on It: That roux and milk combo in Step 2 is where the magic—or the lumps—happen. I used to pour the milk too fast, and suddenly I had a gluey mess. Whisk constantly as you add the milk, and if you see any clumps, strain the sauce through a fine-mesh sieve. Smooth sauce = happy casserole.
- Don’t Skimp on the Rest: You will be tempted to cut that 10-minute rest short. Don’t. The sauce needs time to set slightly so it doesn’t slide off your plate like a sad, runny puddle. Cover it loosely with foil if you’re worried about over-browning, but let it chill for those full 10 minutes. Your future self will thank you.
- Upgrade the Fried Onions: Store-bought fried onions are fine, but if you’ve got 10 minutes, make your own. Slice 1-2 extra onions thin, fry them in butter until crispy, and drain on paper towels. The flavor’s richer, and the crunch is next-level. (Yes, even if you’re impatient like me.)
Make-ahead tips for campbell's french onion green bean casserole
Prep Ahead for Flavor
I like to prep the green bean and onion mixture the night before—it saves 30 minutes of cooking time the next day. Cook the onions and green beans as directed, then transfer everything to an airtight container.
Store in the fridge overnight, and the flavors meld beautifully. Just reheat gently in a skillet before assembling the casserole. This step is my secret to restaurant-quality results with minimal effort. 💫
Sauce Pre-Making
The creamy cheese sauce is the heart of this dish, and I always make it ahead. Once you've combined the Campbell's French Onion Soup Mix and cheese, let it cool completely, then store it in a sealed container.
Reheat it on the stovetop with a splash of milk to restore its smooth texture before pouring it over the green beans. This ensures your casserole stays creamy and delicious. ⏰
Egg Wash Trick
Make the egg wash mixture—1 egg and ½ cup breadcrumbs—a day in advance and store it in a small container with a tight lid. Keep it refrigerated until you're ready to assemble.
This prevents any last-minute scrambling and ensures that crispy, golden topping we all love. Just whisk it up right before spreading it over the casserole. 🍞
Layering Strategy
Assemble the casserole components the morning of serving. Spread the green bean mixture in your 9x13-inch baking dish, pour the pre-made sauce over it, and sprinkle the fried onions on top.
Cover the dish with plastic wrap and refrigerate until ready to bake. This method keeps everything organized and makes the final assembly effortless. 🗓️
Freezing Shortcut
For a true make-ahead win, freeze the assembled casserole before baking. Place the dish in the freezer for up to 2 hours to chill, then bake it straight from frozen. Increase the baking time by 15-20 minutes and cover it with foil for the first 20 minutes to prevent over-browning.
This is perfect for holiday gatherings when you want to serve it fresh but don’t want to cook on the day. ❄️
Nutrition facts
Frequently asked questions
Why does my casserole get soggy instead of crispy?
The key to crispy topping is the egg wash and baking time. Always spread the egg-breadcrumb mixture evenly and bake until the top is golden brown. If it browns too fast, tent with foil for the last 5 minutes to prevent burning. Overcrowding the dish can also trap moisture, so avoid overfilling your 9x13-inch baking dish.
Can I make this casserole ahead of time?
Prep the green beans and onions the night before, then store them in an airtight container. Assemble the casserole the morning of and refrigerate until baking. For a true shortcut, freeze the assembled dish for up to 2 hours before baking—just increase the time by 15-20 minutes and cover with foil for the first 20 minutes. This works perfectly for holiday meals!
What if I don’t have Campbell’s French Onion Soup Mix?
No problem! Use 2 cups homemade French onion soup base—sauté onions until caramelized, blend with broth, and season with thyme and garlic. Alternatively, swap for 2 cups chicken or vegetable broth mixed with 2 tablespoons onion powder and 1 tablespoon Worcestershire sauce for depth. The flavor will still shine!
How do I prevent the cheese sauce from separating?
Whisk constantly when adding the 1½ cups milk to the roux to avoid lumps. Let the sauce cool slightly before mixing in the 2 cups Campbell’s soup mix and cheese—this prevents the cheese from clumping. If it does separate, blend briefly with an immersion blender for a smooth texture. Patience here pays off!
Can I use frozen green beans instead of fresh?
Yes! Frozen green beans work perfectly—just thaw and drain them before adding to the skillet. Skip the trimming step, but cook them for 3-4 minutes longer to ensure they’re tender. The texture will be slightly softer than fresh, but the dish remains delicious. It’s a great pantry-friendly swap!