Side Dishes
This Campbell's French onion green bean casserole recipe delivers the comforting, layered magic of a classic holiday side in one simple pan. The secret lies in building rich, creamy French onion soup flavors into every forkful while maintaining that signature crispy topping.
I developed this method after years of testing—balancing texture and depth to recreate that nostalgic restaurant version at home.
The foundation starts with sautéed onions cooked until deeply caramelized, forming the soul of this dish. Layering them with Campbell's French onion soup, green beans, and a creamy cheese mixture creates those signature creamy pockets, while the crispy fried onion topping adds the perfect textural contrast.
Every element works together to deliver that familiar, comforting taste in a perfectly balanced dish.
What you'll end up with is a casserole with tender green beans swimming in rich, savory soup, topped with a golden, shatteringly crispy layer that holds up even when serving.
The flavors meld beautifully during baking, creating a dish that's hearty enough for a holiday centerpiece but simple enough for a weeknight dinner. The best part? It all comes together in one pan with minimal effort.
Ready to recreate this nostalgic classic? The key is patience with the onion cooking and precision in the layering—trust me, it makes all the difference. Whether serving for Thanksgiving or a casual family dinner, this recipe delivers that perfect balance of creamy, crispy, and comforting in every bite.
Ingredients for campbell's french onion green bean casserole
Six ingredients create the soul of this nostalgic dish—caramelized onions, creamy layers, and that signature crispy top.
| Ingredient | Amount | Notes |
|---|---|---|
| Yellow Onions 🧅 | 3 lb | Yellow or sweet onions, thinly sliced |
| Campbell's French Onion Soup Mix 🍲 | 1 package | 2 oz package, unsweetened |
| Green Beans 🌱 | 2 lbs | Fresh or frozen, trimmed |
| Heavy Cream 🥛 | 1 cup | Full-fat for creaminess |
| Milk 🥛 | ½ cup | Whole milk preferred |
| Shredded Cheddar Cheese 🧀 | 2 cups | Sharp cheddar, freshly grated |
| Butter 🧈 | ½ cup | Unsalted, cubed |
| All-Purpose Flour 🌾 | ¼ cup | For creamy sauce |
| Salt 🧂 | 1 tsp | Kosher or sea salt |
| Black Pepper 🌶️ | ½ tsp | Freshly ground |
| Garlic Powder 🧄 | 1 tsp | For depth of flavor |
| Fried Onions 🧅 | 1 cup | For crispy topping |
| Breadcrumbs 🍞 | ½ cup | Panko for extra crunch |
| Garlic Cloves 🧄 | 2 cloves | Minced for caramelizing onions |
The onions are the star here. Yellow onions caramelize best, but sweet onions work too—just make sure they're thinly sliced for even cooking. Costco or Trader Joe's sell them in bulk, which saves money for big batches. For the soup mix, Campbell's French Onion Soup Mix is non-negotiable—it's what gives this dish that authentic, savory depth. If you're using fresh green beans, harvest them young for tender bites. They should snap when bent, not feel rubbery. Frozen works too, just thaw and trim first.
No Campbell's soup mix? Homemade French onion soup is totally doable—just simmer onions in beef broth with a splash of red wine and a bouillon cube. Swapping cheddar? Gruyère or Swiss adds a nutty richness. For the crispy topping, panko breadcrumbs are a must—they stay crunchy longer than regular breadcrumbs. No panko? Toast regular breadcrumbs in the oven first. The fried onions? Store-bought works, but homemade (sautéed in butter until crispy) tastes like heaven.
This casserole reheats like a dream—just cover with foil and bake at 350°F for 20-30 minutes. Keeps for 4-5 days in the fridge, and freezes beautifully for up to 3 months. I like to make it a day ahead so the flavors meld even more. The crispy topping gets softer when reheated, so add fresh fried onions on top right before serving to restore that crunch.
Why You'll Love This Recipe
- I’ll be real: this feeds four for under $10. The soup mix does all the heavy lifting, green beans stretch the meal, and the cream makes it feel fancy without breaking the bank. My wallet and my family thank me every time.
- One-Pot Magic: Honestly, I dump everything into a single dish—onions, soup mix, green beans—and let the oven do the work. No chopping boards, no extra pans, just a creamy, bubbly masterpiece waiting when I walk back into the kitchen.
- Caramelized Edge: Here’s what sold me—the French onion soup mix turns those yellow onions into deep, sweet caramelized bits. Then you hit it with heavy cream and milk? That crispy-chewy contrast with the tender green beans? I’m obsessed.
- Leftovers for Days: Between us, this tastes better the next day. The flavors meld, the green beans soften just right, and it’s my go-to for lunch meetings or lazy Sunday suppers. (Yes, even on a Tuesday night.)
Step-by-step instructions for Campbell's French onion green bean casserole
Here's how to create the ultimate crispy-topped, creamy classic—easy, foolproof, and packed with flavor.
Caramelize the Onions for Maximum Flavor
In a large skillet, melt the 0.5 cup butter over medium heat. Add the 3 lb yellow onions and the 2 cloves minced garlic, stirring occasionally. Cook for 20-25 minutes until the onions are deep golden brown and sweet-smelling—this is where all the magic happens. You want them caramelized, not burnt, so keep an eye on them and reduce heat if needed.
Real talk: This step makes or breaks the flavor. The longer you cook them, the deeper the taste, but don't let them stick. If they start to brown too quickly, just lower the heat and give them time. The onions should be soft enough to mash slightly with a spoon when done.
Build the Creamy Green Bean Mixture
In a large mixing bowl, combine the 2 lbs green beans with the 1 package Campbell's French Onion Soup Mix, 1 cup heavy cream, 0.5 cup milk, 2 cups shredded cheddar cheese, 1 tsp salt, 0.5 tsp black pepper, and 1 tsp garlic powder. Stir everything together until the green beans are evenly coated in the creamy mixture—this ensures each bite is packed with flavor.
Here's the thing—don't skip mixing the soup mix into the cream first. It dissolves completely, creating a silky base that coats the green beans perfectly. If you add it dry, you'll end up with lumps that ruin the creamy texture we're after.
Assemble the Casserole for Crispy Perfection
Transfer the green bean mixture to a greased 9x13-inch baking dish. Spread it out evenly, creating a smooth surface. This even layering is crucial for consistent cooking and that perfect crispy top later. Then, sprinkle half of the 1 cup fried onions and half of the 0.5 cup breadcrumbs evenly over the top.
Don't press down on the topping—just sprinkle it lightly. We want that crispy layer to form naturally from the heat, not get compacted. The fried onions and breadcrumbs will create that iconic crunchy crust that everyone loves.
Bake Until Bubbly and Golden
Bake the casserole uncovered at 375°F for 35-40 minutes. You'll know it's ready when the top is deep golden brown and the edges are bubbling vigorously. The cheese should be fully melted, and the green beans should be tender but still holding their shape.
This is where patience pays off. If you peek too early, you'll lose heat and steam, which can prevent that perfect crispy top. The casserole will continue cooking slightly after you remove it from the oven, so pull it out when it's just reaching golden perfection.
Broil for Extra Crispiness (Optional but Worth It)
For that extra-crispy top, transfer the casserole to the broiler and broil for 2-3 minutes. Watch it closely—you want the top to turn golden brown and crispy, not burnt. This step adds that restaurant-quality texture that makes this casserole irresistible.
Let the casserole rest for 5-10 minutes before serving. This gives the cheese time to set slightly and makes it easier to slice through the creamy layers. The crispy topping will stay crunchy, and the green beans will be perfectly tender with that rich, oniony flavor throughout.
Pro Tips For Making Campbell'S French Onion Green Bean Casserole
- CARAMELIZE ONIONS FIRST: I learned this the hard way—skipping the slow cook on low heat just to speed things up leaves your casserole tasting flat. Simmer those onions in butter for 15-20 minutes until deep golden brown, not just soft. That’s where the real flavor hides.
- TRIM GREEN BEANS LIKE A PRO: Skip the crowded, soggy mess by snapping each bean at the stem end—no need to peel or cut them. If you’re using frozen, thaw and pat them very dry with paper towels before toasting in the oven. Wet beans = sad, mushy topping.
- DON’T SKIP THE CREAM REST: After mixing the soup base with milk and cream, let the whole thing sit for 10 minutes before adding to the dish. The starches settle, and you’ll avoid a gluey, watery casserole later. (Yes, even if you’re impatient like me.)
- TOAST BEANS BEFORE MIXING: Spread the raw green beans on a baking sheet and roast at 400°F for 8-10 minutes until edges crisp. This upgrades the dish from "basic" to "restaurant-style" without extra effort. Just toss them into the casserole after mixing everything else.
Common mistakes when making this dish
Skipping the Caramelization
I cannot stress this enough—skipping the caramelization is the fastest way to ruin this dish. The deep, sweet flavor from slow-cooked onions is what makes this casserole unforgettable. If you rush this step, you'll end up with a bland, watery onion flavor that doesn't hold up.
I've seen people try to "speed it up" by cranking the heat, but that just burns the onions and creates bitterness. Take your time—20-25 minutes of patient cooking transforms simple onions into flavor gold. 🌟
Overmixing the Creamy Layer
Once you mix the Campbell's French onion soup mix with the cream, stop stirring immediately. Overmixing creates a gloppy, uneven texture that can make the casserole too soupy. The soup mix needs just enough stirring to dissolve completely—about 10-12 strokes with a wooden spoon.
If you keep mixing, you'll end up with a runny mess that won't hold its shape in the oven. Trust the process and let the heat do the work during baking. ⚡
Uneven Layering in the Pan
An unevenly spread green bean mixture leads to hot spots and a lumpy top. I've seen people just dump everything in and hope for the best, but that's a recipe for disaster. Use a spatula to create a smooth, even layer in your 9x13-inch baking dish.
This ensures the crispy topping forms uniformly and cooks evenly. If you're worried about gaps, just press down lightly with the back of a spoon—just enough to smooth it out without compacting the beans. 💡
Using Low-Quality Cheese
Pre-shredded cheese is the enemy of creamy perfection. It contains anti-caking agents that create a grainy texture when melted. Always use freshly grated sharp cheddar—I recommend Kraft Natural or Cabot for that authentic taste. If you're using a substitute like Gruyère, grate it yourself for the best results. The difference in texture and flavor is night and day. Don't skimp here—it's what makes the creamy layer sing. 🧀
Broiling Without Watching
If you choose to broil for extra crispiness, never walk away. The broiler heats up fast and can burn the top in seconds. Keep a close eye on it and watch for golden brown color—it should take 2-3 minutes max.
I've seen people come back to find their crispy topping turned into a sad, burnt mess. If it starts to darken too quickly, move it back to the oven or cover it loosely with foil. The goal is crispy, not charred. 🔥
Not Resting Before Serving
Skipping the 5-10 minute rest after baking might seem harmless, but it's a common mistake. This short rest lets the cheese set slightly and redistributes juices, making the casserole easier to slice.
If you serve it immediately, the crispy topping will stay crunchy, but the creamy layer might slide around, and the green beans could get mushy. Patience here ensures clean slices and perfect texture in every bite. ⏳
Nutrition facts
Frequently asked questions
Can I make this casserole ahead of time?
This dish actually tastes better when made a day ahead. After baking, let it cool completely, then cover tightly with foil and refrigerate. Reheat covered at 350°F for 20-30 minutes until bubbly. The flavors meld beautifully overnight, and it reheats perfectly. Just add fresh fried onions on top before serving to restore that crispy texture.
What can I substitute if I don't have Campbell's French onion soup mix?
For a homemade version, simmer 2 cups sliced onions in 2 cups beef broth with 1 beef bouillon cube and 1/4 cup red wine until reduced by half. Stir in 1 tbsp Worcestershire sauce and 1 tsp sugar to balance flavors. This creates a similar depth of savory-sweet taste that works perfectly in the casserole.
Why did my crispy topping turn soggy?
Soggy topping usually happens from one of three issues: overmixing the creamy layer (which creates steam), peeking at the casserole too early (releasing heat), or not baking long enough. For best results, bake uncovered until the top is deep golden brown (35-40 minutes at 375°F) and consider the optional broil step for extra crispiness.
Can I use frozen green beans instead of fresh?
Yes! Frozen green beans work perfectly—just thaw and drain them well before mixing with the other ingredients. They'll hold up just as well during baking. For extra tenderness, you can even blanch them for 2 minutes before assembling, though this isn't strictly necessary.
How do I make this dish vegetarian?
Swap the beef-based Campbell's soup mix for a vegetarian version (like their "Vegetarian French Onion Soup Mix") and use vegetable broth instead of beef broth in any homemade substitutes. The creamy cheese topping and caramelized onions remain the same, making this a surprisingly hearty vegetarian option that still delivers that comforting flavor.
