Side Dishes
This Campbell's French onion green bean casserole recipe delivers the comforting, layered perfection you remember from childhood—crispy fried onions on top and creamy mushroom-onion soup swirled with green beans.
The secret lies in balancing the textures: a golden, crunchy crust that contrasts with the velvety soup base, all baked to tender perfection. I've refined this classic over years of holiday gatherings, ensuring every bite hits that nostalgic sweet spot between indulgent and comforting.
The beauty of this dish is its foolproof technique—no fancy skills required, just precise layering and baking times. You'll start with Campbell's French onion soup as your flavor foundation, then build layers of sautéed mushrooms, tender green beans, and that signature crispy onion topping.
The key is baking it just until the top turns golden and the edges bubble, so the green beans stay bright and the sauce remains rich rather than watery.
What you'll end up with is a casserole that smells like home the moment it comes out of the oven—creamy mushroom soup infused with caramelized onions, crisp green beans peeking through, and a crispy onion topping that shatters with every bite.
It's the kind of dish that disappears faster than you can say "seconds," making it perfect for holidays, family dinners, or even a cozy weeknight treat when you crave comfort.
For those looking to adapt, this recipe easily accommodates vegetarian versions by omitting any meat-based broths, and you can adjust the crispiness of the topping by baking it longer or adding extra onions. The possibilities are endless once you master the foundational layers. Let's get baking!
Ingredients for campbell's french onion green bean casserole
Six servings of nostalgic comfort—creamy mushroom layers and crispy onion topping in one dish.
| Ingredient | Amount | Notes |
|---|---|---|
| Campbell's French Onion Soup Mix 🍲 | 2 tbsp | For creamy onion base |
| Green Beans 🌽 | 2 lbs | Trimmed, fresh or frozen |
| Yellow Onions 🧅 | 3 whole | Sliced thin for topping |
| Mushrooms 🍄 | 1 lb | Sliced, cremini or white |
| Milk 🥛 | 1 ½ cups | Whole for creaminess |
| Butter 🧈 | ½ cup | Unsalted, melted |
| All-Purpose Flour 🌾 | ¼ cup | For thickening |
| Salt 🧂 | 1 tsp | Kosher or sea salt |
| Black Pepper 🌶️ | ½ tsp | Freshly ground |
| Garlic Powder 🧄 | ½ tsp | For extra flavor |
| Parmesan Cheese 🧀 | ½ cup | Freshly grated |
| Eggs 🥚 | 1 whole | For binding topping |
| Breadcrumbs 🍞 | ½ cup | Panko preferred |
| Olive Oil 🫒 | 2 tbsp | For sautéing onions |
The onions are the star here. Yellow onions from the grocery store's produce section work fine, but if you can find sweet onions at Whole Foods or a local market, they'll give you that extra caramelized sweetness. Slice them thin—mandoline if you've got one—so they crisp up perfectly. For the mushrooms, cremini or white are ideal, but button mushrooms in a pinch will do. Sauté them until they're golden and tender—no mushy mushrooms here. The Campbell's soup mix is the shortcut that makes this recipe foolproof, but if you're feeling ambitious, you could make your own French onion soup base with beef broth, onions, and a touch of sugar.
No Campbell's soup mix? Beef broth with a splash of balsamic vinegar works in a pinch, but you'll need to add extra milk and butter to get that creamy texture. Fresh mushrooms? Frozen work just as well—thaw and drain them first. The breadcrumbs can be regular or panko—panko gives extra crunch. Short on Parmesan? Gruyère or sharp cheddar add a nice depth. The key is balancing the creaminess of the soup with the crispy topping—don't skip the egg in the topping mix, or it won't hold together. And trust me on the butter—full-fat makes all the difference in that creamy layer.
This casserole reheats beautifully—5 minutes at 350°F covered with foil. Keeps for 4-5 days in the fridge, freezes for 3 months. I always make a double batch because it disappears fast. Store leftovers covered to keep that crispy topping intact. The green beans stay brightest if you don't overcook them—al dente is the goal. Leftovers taste even better the next day as the flavors meld together.
Why You'll Love This Recipe
- One-Pot Magic: I swear by this recipe when I’m too tired to wash dishes. Just toss everything—sautéed onions, mushrooms, green beans, and that rich soup mix—into one pan, top with milk and cheese, and bake. The only cleanup is scraping the bottom of the pan (and maybe your plate).
- Umami Bomb: That Campbell’s French Onion mix? It’s the secret weapon. The caramelized onions and garlic in the mix melt into the mushrooms, creating this deep, savory punch that makes the green beans taste like they’ve been slow-cooked all day. Honestly, the first time I made it, I thought, “Wait, this is better than takeout?”
- Potluck Hero: This dish travels like a champ—no soggy sides here. The crispy cheese topping stays intact, and the flavors only get better the next day. I’ve brought it to holiday gatherings, book club dinners, and even my mom’s Thanksgiving (yes, really). It’s the kind of dish that disappears fast, so make extra.
- Budget Win: Green beans, onions, and Campbell’s mix are all pantry staples that won’t break the bank. A single can of soup mix stretches to feed four, and leftovers reheat like a dream. Between us, I’ve made this for under $10 and still had enough for lunch the next day. Frugal? Yes. Delicious? Absolutely.
Step-by-step instructions for Campbell's French onion green bean casserole
This method delivers that perfect combination of crispy golden topping and creamy mushroom layers everyone loves.
Prepare the Green Beans and Mushroom Mixture
Trim the ends from the 2 lbs of green beans and cut them into 1-inch pieces. Spread them on a baking sheet and set aside. In a large skillet, heat the 2 tbsp olive oil over medium heat. Add the 1 lb sliced mushrooms and cook for 5-6 minutes until they release their moisture and begin to brown. Stir occasionally so they cook evenly.
Add the 3 whole yellow onions, sliced thin, to the skillet with the mushrooms. Cook for another 5 minutes until the onions are soft and translucent. This step builds the flavor foundation for your casserole. The onions should be tender enough to blend seamlessly with the creamy sauce later.
Create the Creamy Onion Sauce
In a separate large bowl, whisk together the 1.5 cups milk, 2 tbsp Campbell's French Onion Soup Mix, 0.5 cup melted butter, 0.25 cup all-purpose flour, 1 tsp salt, 0.5 tsp black pepper, and 0.5 tsp garlic powder until smooth. This mixture should be thick enough to coat the back of a spoon but still pourable. If it's too thick, whisk in 1-2 tablespoons of water to reach the right consistency.
Transfer the cooked mushroom and onion mixture to the sauce bowl and stir well to combine. The mixture will look rich and creamy with chunks of mushrooms and onions throughout. This is your creamy layer that will create that signature French Onion flavor in every bite.
Assemble the Casserole for Baking
Preheat your oven to 350°F. In a 9x13-inch baking dish, spread the prepared green beans evenly across the bottom. Pour the creamy mushroom mixture over the green beans, spreading it evenly to the edges. The green beans should be completely covered with sauce but not swimming in it.
In a small bowl, mix together the 1 whole egg, 0.5 cup breadcrumbs, and 0.5 cup freshly grated Parmesan cheese until well combined. This topping mixture should be crumbly but hold together when pressed. Sprinkle this evenly over the creamy mixture in the baking dish.
Bake to Golden Perfection
Bake the casserole uncovered for 35-40 minutes. About halfway through baking, at the 20-minute mark, you'll notice the top starting to turn golden brown. This is when you want to give it a gentle shake to help the breadcrumbs crisp evenly. The casserole is done when the top is golden brown and the edges are bubbling slightly.
Let the casserole rest for 10-15 minutes before serving. This resting time allows the layers to set slightly and makes it easier to slice. The crispy topping will hold its shape better, and the creamy layers will be perfectly set. Serve warm with a side of crusty bread to soak up all that delicious sauce.
Pro Tips For Making Campbell'S French Onion Green Bean Casserole
- SAUTÉ ONIONS UNTIL GOLDEN: I learned this the hard way—if you rush the onions in the soup mix, you’ll end up with a dish that tastes more like sad, watery broth than rich French onion flavor. Cook them on medium heat for 8-10 minutes until they’re deep caramelized, not just soft. That’s where the depth comes from.
- TRIM GREEN BEANS LIKE A PRO: Skip the time-wasting snap-and-break method. Use a sharp knife to trim the ends cleanly, then cut them into 2-inch pieces—longer than most recipes say. They’ll hold their shape better under the cheese sauce and look more appealing in the casserole.
- DON’T SKIP THE MUSHROOM PREP: Drain and pat those canned mushrooms thoroughly—wet mushrooms will make your casserole soggy. If you’re using fresh, slice them thin and sauté them with the onions for 3-4 minutes to release their moisture before adding them to the mix.
- BAKE WITH A WATER BATH: This isn’t the prettiest method, but it’s the tastiest: Place your assembled casserole in a larger baking dish, then add hot water halfway up the sides. The steam keeps the cheese sauce from drying out while it browns. Just remove the dish after 20 minutes and finish baking uncovered.
Creative variations of this recipe
Crispy Fried Onion Twist
For extra crunch, replace the breadcrumb topping with homemade fried onions. Slice 2 large yellow onions paper-thin, fry in ½ cup vegetable oil at 350°F for 8-10 minutes until golden, then drain on paper towels.
Sprinkle these over the casserole 5 minutes before baking so they stay crispy. This adds a textural contrast that takes the dish to next-level comfort. 🌟
Vegetarian Protein Boost
Swap the Campbell's beef-based soup mix for vegetarian French onion soup (like Pacific Foods brand) or make your own with vegetable broth, caramelized onions, and a splash of white wine.
Add ½ cup cooked lentils or crumbled tempeh to the creamy layer for hearty protein. The dish stays just as rich and satisfying without meat. 💚
Cheesy Potato Layers
Add ½ cup diced potatoes (parboiled for 5 minutes) to the green beans at the bottom for a potato casserole fusion. Stir ¼ cup shredded cheddar into the creamy sauce and top with extra Parmesan.
Bake as directed—this version feels heartier and pairs perfectly with a cool green salad. 🧀
Spicy Cajun Kick
Liven up the mushrooms with 1 tsp Cajun seasoning (like Tony Chachere’s) while sautéing. Stir ½ tsp smoked paprika into the creamy sauce and garnish with chopped green onions before serving. The heat cuts through the richness beautifully—ideal for those who love bold flavors. 🌶️
Low-Carb Crust
Skip the breadcrumbs and mix ½ cup almond flour with 1 egg and ¼ cup grated Parmesan for a keto-friendly topping. Bake as usual—it’ll crisp up nicely while keeping carbs in check. This works surprisingly well and satisfies even non-low-carb eaters. 🥑
Herb-Infused Freshness
Brighten the dish with 1 tbsp fresh thyme or rosemary when sautéing mushrooms. Add 2 tbsp chopped parsley to the creamy sauce and garnish with extra herbs before serving. The earthy notes balance the richness and make every bite feel fresh and vibrant. ✨
Nutrition facts
Frequently asked questions
Can I make this casserole ahead of time?
This casserole actually tastes better the next day as the flavors meld together. Assemble it completely (including the topping) and refrigerate for up to 24 hours before baking. For best results, bake it straight from the fridge at 350°F for 50-55 minutes instead of the usual 35-40 minutes. The extra time ensures the topping crisps perfectly even when starting cold.
Why did my topping turn soggy?
Soggy topping usually happens when the casserole steams too much during baking. To prevent this, always bake uncovered and give it a gentle shake at the 20-minute mark to help the breadcrumbs crisp evenly. For extra insurance, you can sprinkle the topping with 1 tbsp cornstarch before baking—this helps absorb moisture and keeps it crispy.
Can I use frozen green beans instead of fresh?
Yes, frozen green beans work perfectly and save you prep time! Thaw and drain them first, then pat dry with a paper towel. The key is to use the same amount (2 lbs) and avoid overcooking—frozen beans release more moisture, so they'll need 2-3 minutes less baking time than fresh. They'll stay bright and tender just like fresh ones.
What's the best way to reheat leftovers?
Reheat covered with foil at 350°F for 15-20 minutes until warmed through. For crispy top reheating, place the casserole under the broiler for 2-3 minutes at the very end—just watch it closely to avoid burning. Leftovers keep well in the fridge for 4-5 days or freeze for 3 months (thaw overnight in the fridge before reheating).
Can I make this vegetarian?
Yes! Swap the Campbell's French Onion Soup Mix for a vegetarian version (like Pacific Foods brand) or make your own with vegetable broth and caramelized onions. For extra protein, stir in ½ cup cooked lentils or crumbled tempeh to the creamy layer. The dish stays rich and satisfying without meat—just ensure your soup mix is vegetarian-friendly.