Side Dishes
This Campbell's French onion green bean casserole recipe transforms a classic comfort dish into something truly special with its creamy onion magic and crispy cheesy top.
The secret lies in caramelizing onions until they're deep golden and sweet, then layering them with tender green beans and a rich Campbell's French onion soup base. I've perfected this technique over years of holiday gatherings, where it becomes the star of the table every time.
The beauty of this recipe is in its simplicity—just a handful of ingredients come together to create a dish that's both nostalgic and elevated. You'll start by sautéing onions until they're perfectly caramelized, then mix in Campbell's French onion soup for that signature depth of flavor.
The green beans stay crisp-tender, while the final topping of buttery breadcrumbs and cheese transforms into a golden, crispy blanket that's impossible to resist.
What you'll end up with is a casserole that's creamy from the onions and soup, with a crispy top that adds satisfying texture to every bite. The aroma alone will have everyone gathering around the table, and the first spoonful delivers that perfect balance of savory, sweet, and cheesy flavors.
This is the kind of dish that feels like a warm hug on a chilly evening.
Serve it as the centerpiece of your holiday meal or as a comforting side any night of the week. The optional variations—like adding crispy bacon or extra cheese—let you customize it to your family's tastes. Ready to make this classic your own? Let's get started with the full recipe.
Ingredients for campbell's french onion green bean casserole
Six ingredients create this creamy, crispy casserole masterpiece—no fancy items needed.
| Ingredient | Amount | Notes |
|---|---|---|
| Yellow Onions 🧅 | 4 large | Thinly sliced, caramelized |
| Fresh Green Beans 🥦 | 1 ½ lb | Trimmed, crisp-tender |
| Campbell's French Onion Soup Mix 🍲 | 2 tbsp | For soup base |
| Heavy Cream 🥛 | ½ cup | Full-fat for richness |
| Unsalted Butter 🧈 | ½ cup | Melted for caramelizing |
| All-Purpose Flour 🌾 | 2 tbsp | For thickening soup |
| Sharp Cheddar Cheese 🧀 | 1 ½ cups | Shredded, sharp flavor |
| Parmesan Cheese 🧀 | ½ cup | Freshly grated, nutty |
| Plain Breadcrumbs 🍞 | ¾ cup | Panko for extra crunch |
| Salt 🧂 | 1 tsp | Kosher or sea salt |
| Black Pepper 🌶️ | ½ tsp | Freshly ground preferred |
| Garlic Powder 🧄 | ½ tsp | For depth of flavor |
| Dried Parsley 🌿 | 1 tbsp | For garnish, optional |
The onions are the soul of this dish. Yellow onions work best—they caramelize into sweet, golden perfection. Grab a few extra at Trader Joe's or your local market; their bulk bins often have the freshest. Pro tip: Slice them paper-thin using a mandoline for even cooking. The Campbell's French Onion Soup Mix is non-negotiable here—it delivers that signature depth of flavor that makes this dish sing. If you're feeling adventurous, you can make your own caramelized onions by cooking them low and slow with butter until they're deep amber, but the soup mix is a game-changer for convenience without sacrificing quality.
No Campbell's French Onion Soup Mix? Homemade version works—just simmer 2 cups beef broth with 2 tbsp tomato paste, 1 tsp Worcestershire sauce, and 1 tsp onion powder until reduced by half. For the green beans, fresh is ideal, but frozen works in a pinch—just don't thaw them first. The cheeses matter: Sharp cheddar gives that tangy kick, while Parmesan adds nutty depth. Pre-grated cheeses are convenient but lose texture, so grate your own from a block. The breadcrumbs? Panko is your best friend here—it stays crispy and adds that satisfying crunch. Short on time? Use crushed saltines as a substitute, but you'll miss that extra crunch.
This casserole reheats beautifully—just cover with foil and warm in the oven for 20-25 minutes at 375°F. It keeps well in the fridge for 4-5 days, though I find it tastes even better the next day as flavors meld. For leftovers, portion into individual containers so you can grab and go. Freezes for 3 months if you want to make it ahead for holiday gatherings. The crispy top is the star, so don't skip browning it under the broiler for the last 2 minutes—worth the extra minute for that golden finish.
Why You'll Love This Recipe
- One-Pot Magic: I swear by this recipe when I’m too tired to wash dishes. Caramelized onions, green beans, and that rich soup mix all go into one pan—no extra bowls, no stress. The heavy cream ties it all together with zero fuss.
- Caramelized Crunch: That crispy top from the French onion mix? It’s the star. The onions get sweet and jammy while the green beans stay bright, and the creamy sauce balances it all. Honestly, I could eat this for breakfast if I had to.
- Potluck Hero: This dish travels so well—whether it’s a holiday dinner or a last-minute potluck. The flavors hold up, and the creamy texture keeps it from getting soggy. My mom always asks for seconds, and she’s the pickiest eater.
- Budget-Friendly Feast: Onions and green beans are cheap, and the soup mix stretches it further. I can feed six people for under $10, and there are always leftovers. (Yes, even on a Tuesday night.)
Step-by-step instructions for campbell's French onion green bean casserole
Here's how to create that perfect balance of crispy topping and creamy onion goodness everyone loves.
Caramelize the Onions for Deep Flavor
In a large skillet, melt the 0.5 cup unsalted butter over medium heat. Add the 4 large yellow onions that have been thinly sliced and cook for 20-25 minutes, stirring occasionally. You're looking for onions that are deep golden brown with a caramelized sweetness—they should smell irresistible and nearly fill your kitchen.
This long cooking time develops the natural sugars in the onions, creating that rich, complex flavor that makes this casserole so special. If you notice the onions sticking, add a splash of water and scrape up any browned bits from the bottom of the pan—those are packed with flavor. Once caramelized, transfer the onions to a bowl and set aside.
Prepare the Creamy Green Bean Mixture
In the same skillet (no need to clean it—the fond adds flavor), sprinkle the 2 tbsp all-purpose flour and stir to combine with the remaining butter. Gradually whisk in the 0.5 cup heavy cream and 2 tbsp Campbell's French Onion Soup Mix, stirring constantly to prevent lumps from forming. Bring the mixture to a gentle simmer for 3-4 minutes until it thickens slightly.
Next, add the 1.5 lb fresh green beans (trimmed and cut into 2-inch pieces) and the caramelized onions. Stir well to coat everything in the creamy sauce. Season with 1 tsp salt, 0.5 tsp black pepper, and 0.5 tsp garlic powder. The mixture should be thick but still pourable—if it's too thick, whisk in 1-2 tablespoons of water to reach the right consistency. Transfer this mixture to a greased 9x13-inch baking dish and spread it evenly.
Create the Perfect Crispy Topping
In a medium bowl, combine the 1.5 cups sharp cheddar cheese, 0.5 cup parmesan cheese, 0.75 cup plain breadcrumbs, 1 tbsp dried parsley, 0.5 tsp black pepper, and 0.5 tsp garlic powder. Mix well with your hands or a fork until the breadcrumbs are evenly distributed and the cheese is fully incorporated. This topping is what gives the casserole its signature crispy texture.
Sprinkle the cheese mixture evenly over the green bean mixture in the baking dish. Use a fork to create peaks and valleys for extra crispiness. Press down gently but not firmly—you want the topping to stay crunchy, not compact. Bake uncovered at 375°F for 25-30 minutes, or until the top is golden brown and bubbly.
Bake to Golden Perfection
Place the baking dish on the middle rack of your preheated oven and bake for 25-30 minutes. The casserole is done when the top is deep golden brown, almost like a crackly cheese crust, and the edges are bubbling. You'll know it's ready when you see the cheese pulling away slightly from the edges of the baking dish.
For the last 5 minutes of baking, you can broil the casserole on high to get an extra crispy top. Watch it closely to avoid burning—you want golden, not blackened. Once done, let it rest for 10 minutes before serving. This resting time allows the cheese to set and the flavors to meld together, ensuring every bite is creamy, cheesy, and perfectly crispy.
Pro Tips For Making Campbell'S French Onion Green Bean Casserole
- CARAMELIZE ONIONS FIRST: Skip the soup mix shortcut—sauté 3 cups of thinly sliced yellow onions in 2 tablespoons of butter over medium heat for 15-20 minutes until deep golden brown. The extra effort makes the whole dish richer, and you’ll taste the difference when you mix in the soup powder later. (Yes, it’s worth the wait.)
- TRIM GREEN BEANS RIGHT: Cut the ends off your green beans before blanching, but leave them whole—no need to chop. This keeps them crisp-tender when mixed into the casserole, and you’ll avoid the sad, mushy texture that comes from overcooking them later. A sharp knife and quick cuts make all the difference.
- DON’T SKIP THE CREAM LAYER: After mixing the soup, beans, and onions, spread a thin, even layer of heavy cream over the top before adding the breadcrumb topping. This prevents the bread from turning into a dry, flavorless crust and ensures every bite has that creamy, velvety French onion depth.
- BAKE UNTIL BUBBLY, NOT BROWN: The breadcrumb topping should be golden and slightly crisp, but the real test is when the casserole stops jiggling in the center after 25-30 minutes. Overbaking dries it out—pull it out when the edges are set and the middle still has a little give. Let it rest 5 minutes before serving, or you’ll end up with a crumbly mess.
Make-ahead tips for campbell's french onion green bean casserole
Prep Ahead for Holidays
This casserole is a holiday hero—make it 2 days ahead for maximum flavor development. After assembling the dish (but before baking), cover tightly with plastic wrap and refrigerate.
When ready to bake, preheat your oven to 375°F and bake as directed, adding 5-10 extra minutes to account for the cold start. The flavors deepen overnight, making it even more comforting. 📅
Freezer-Friendly Assembly
For long-term prep, assemble the casserole completely (including the crispy topping) and freeze it unbaked in a 9x13-inch airtight container. When ready to bake, thaw overnight in the fridge, then bake at 375°F for 35-40 minutes (cover with foil for the first 25 minutes to prevent over-browning).
The texture stays crispy if you broil for the final 2 minutes after removing foil. ❄️
Portion for Meal Prep
Divide baked casserole into individual portions (using a pizza cutter or sharp knife) and store in glass containers with tight lids. Reheat covered in the microwave for 2-3 minutes on medium power, or transfer to a baking dish and warm at 350°F for 15 minutes.
The crispy top softens slightly but stays flavorful. Label containers with dates—this keeps for 3-4 days in the fridge. 🍽️
Cheese Topping Hack
Pre-mix the cheese topping (cheddar, Parmesan, breadcrumbs) up to 3 days ahead and store in a ziplock bag in the fridge. This saves time on busy days and keeps ingredients fresh.
Just sprinkle it over the assembled casserole right before baking. For extra crispiness, toast the breadcrumbs in a dry skillet for 2-3 minutes before mixing with cheese. 🧀
Onion Caramelization Shortcut
Skip the 20-minute caramelizing by using 1 cup jarred caramelized onions (found in the canned soup aisle). Stir them into the soup mixture along with the fresh green beans.
While not identical, this saves time without sacrificing flavor—perfect for weeknights. Just add 1 extra teaspoon of sugar to enhance sweetness. ⏱️
Make-Ahead Serving Ideas
Transform leftovers into casserole cups by portioning into ramekins, topping with extra cheese, and broiling for 3-5 minutes until bubbly. For a lunchbox twist, pack individual portions in thermos containers with a side of crusty bread. The creamy texture holds up perfectly for grab-and-go meals all week. 💡
Nutrition facts
Frequently asked questions
Can I use frozen green beans instead of fresh?
Frozen green beans work perfectly—just don't thaw them first. Use 1.5 cups frozen (about 9 oz) and add them directly to the creamy soup mixture. They'll cook through during the baking process while staying tender. Fresh beans have a slightly crunchier texture, but frozen is a great shortcut for convenience.
How do I get the crispy topping extra crunchy?
For maximum crispiness, toast your breadcrumbs first! Spread them on a dry skillet over medium heat for 2-3 minutes until golden, then mix with cheese. Also, press the topping lightly with a fork before baking—this creates air pockets that crisp up beautifully. The broiler trick (last 2 minutes) is key too!
Can I make this without Campbell's French Onion Soup Mix?
Yes! Make your own by simmering 2 cups beef broth with 2 tbsp tomato paste, 1 tsp Worcestershire sauce, and 1 tsp onion powder until reduced by half. For extra depth, add 1 tsp caramelized onion powder (store-bought works). The homemade version has a richer, more complex flavor that pairs beautifully with the green beans.
Why did my casserole turn out soggy?
Most likely, the topping was pressed too firmly or baked too long. The breadcrumbs need air to crisp—press lightly with a fork! Also, avoid over-baking. Check at 25 minutes—it should be golden but still slightly soft. For extra insurance, broil just the last 2 minutes to set the cheese without overcooking.
What are the best sides to serve with this?
This creamy casserole pairs perfectly with lighter sides to balance its richness. Try roasted potatoes, a crisp green salad with vinaigrette, or steamed asparagus. For a heartier meal, add garlic bread or mashed sweet potatoes. The crispy topping makes it satisfying on its own, but these sides round out the plate beautifully.