Side Dishes
This Campbell's French onion green bean casserole recipe brings back the comforting flavors of childhood dinners with a modern twist. The secret lies in slow-cooked caramelized onions that deepen the soup's natural sweetness, creating a rich, velvety sauce that coats every green bean.
I've perfected this method over years of testing, ensuring the topping stays crispy while the layers below melt into creamy perfection.
What sets this version apart is the homemade technique for caramelizing onions—no shortcuts, just deep, golden layers of flavor that transform basic Campbell's French onion soup into something extraordinary. The green beans stay vibrant and tender, while the crispy topping adds satisfying texture.
This dish delivers restaurant-quality comfort with minimal effort, making it ideal for family gatherings or nostalgic weeknight dinners.
The result is a casserole with a golden, crackly topping that contrasts beautifully with the creamy onion-green bean filling underneath. Each bite offers that perfect balance of savory, sweet, and slightly tangy flavors, all while maintaining the simplicity that makes this dish a classic.
Serve it warm with a side of crusty bread to soak up every last bit of that rich sauce.
This recipe scales perfectly for holidays or meal prep, and the leftovers reheat beautifully. Whether you're recreating childhood memories or introducing this comforting classic to new generations, this version stays true to tradition while elevating the experience with professional techniques.
Let's get started on bringing back this beloved side dish to your table.
Ingredients for campbell's french onion green bean casserole
Four pounds of caramelized onions meet tender green beans in this elevated Campbell's French onion casserole.
| Ingredient | Amount | Notes |
|---|---|---|
| Yellow Onions 🧅 | 4 large | Peeled, thinly sliced for caramelizing |
| Fresh Green Beans 🥦 | 1 ½ lb | Trimmed, cut into 2-inch pieces |
| Campbell's French Onion Soup Mix 🍲 | 2 tbsp | Original recipe, not low-sodium |
| Heavy Cream 🥛 | 1 cup | Full-fat for optimal richness |
| Unsalted Butter 🧈 | ½ cup | Cold, cubed for topping |
| All-Purpose Flour 🌾 | ½ cup | For crispy topping consistency |
| Sharp Cheddar Cheese 🧀 | 1 ½ cups | Freshly grated, sharp flavor |
| Garlic Cloves 🧄 | 3 cloves | Minced for depth of flavor |
| Dried Thyme 🌿 | 1 tsp | Or 1 tbsp fresh thyme leaves |
| Diamond Crystal Kosher Salt 🧂 | 1 ½ tsp | For proper seasoning balance |
| Freshly Ground Black Pepper 🌶️ | ½ tsp | Coarsely ground for texture |
| Extra-Virgin Olive Oil 🫒 | 2 tbsp | For caramelizing onions |
| Balsamic Vinegar 🍷 | 1 tbsp | For caramelization depth |
| Crusty Bread 🍞 | 1 loaf | For serving, optional |
The onions are the foundation—slow-cooked for 30-40 minutes until deep golden and sweet. Professional chefs recommend Yellow Delicious or Vidalia for their natural sweetness. Purchase them from Whole Foods or Trader Joe's for consistent quality. The green beans should be bright green and crisp—avoid anything rubbery or yellowing. Trim the ends carefully to remove tough fibers without losing length. For the soup mix, Campbell's Original provides the authentic flavor profile; low-sodium versions lack sufficient depth.
No fresh thyme? Dried oregano at half the amount works in a pinch, though it lacks the floral notes. Substitute sharp cheddar with Gruyère or Parmesan for a more complex flavor. For a dairy-free option, replace the heavy cream with full-fat coconut milk and omit the butter in the topping. The balsamic vinegar can be swapped for red wine vinegar, though it lacks the same depth of fruitiness. If you're prepping ahead, blanch the green beans for 2 minutes before assembling to maintain their vibrant color.
This casserole reheats beautifully—400°F for 20-25 minutes restores its crispy topping. Store leftovers in an airtight container for up to 5 days in the refrigerator. For freezing, assemble the dish (without baking), cover tightly, and freeze for up to 3 months. The topping may soften slightly after reheating; broil for 2-3 minutes at the end to restore crispness. Serve with the optional crusty bread to soak up every last bit of that velvety onion sauce.
Why You'll Love This Recipe
- One-Pot Magic: I swear by this—just toss everything into one pan, and it’s done. No chopping like a pro, no fancy techniques, just caramelized onions and green beans that practically cook themselves while you stir.
- Caramelized Crunch: That soup mix? It’s the secret weapon—deep, savory, and slightly sweet from the onions. The heavy cream ties it all together, but the real star is the crispy top layer. Honestly, it’s the kind of flavor that makes you want to skip dessert.
- Leftovers for Days: Make a big batch on Sunday, and you’ve got dinner sorted for the week. The flavors actually get better the next day, and it reheats like a dream. (Yes, even on a Tuesday night when you’re exhausted.)
- Budget-Friendly Feast: Onions and green beans are cheap, and that soup mix stretches it into a full meal. I’ll be real: it’s my go-to when I’m trying to feed a crowd without breaking the bank—plus, it’s way more impressive than takeout.
Step-by-step instructions for Campbell's french onion green bean casserole
Here's how to create a rich, layered casserole with caramelized onions and a perfectly crispy cheese topping.
Caramelize the Onions for Deep Flavor
Heat the 2 tablespoons extra-virgin olive oil in a large skillet over medium-low heat. Add the 4 large peeled and thinly sliced yellow onions and cook for 20-25 minutes, stirring occasionally, until they turn a deep golden brown. This slow cooking process develops complex sweetness and caramelization.
About 10 minutes into cooking, add the 1 tablespoon balsamic vinegar and the 3 minced garlic cloves. Stir well and continue cooking until the onions are tender and the mixture smells intensely aromatic. You want the onions to be soft enough to break down in the casserole but still retain some texture. Transfer them to a large bowl and set aside.
Prepare the Green Beans and Cream Sauce
Trim the 1.5 pounds fresh green beans and cut them into 2-inch pieces. Blanch them in boiling salted water for 3 minutes, then immediately transfer to an ice bath to stop the cooking process. Drain well and set aside.
In the same skillet (no need to clean it), melt the 0.5 cup unsalted butter over medium heat. Whisk in the 0.5 cup all-purpose flour and cook for 1-2 minutes until the mixture turns a light golden color, forming a roux. Gradually whisk in the 1 cup heavy cream until smooth. Stir in the 2 tablespoons Campbell's French Onion Soup Mix, 1 teaspoon dried thyme, 1.5 teaspoons Diamond Crystal kosher salt, and 0.5 teaspoon freshly ground black pepper. Bring to a gentle simmer and cook for 3-4 minutes until the sauce thickens slightly.
Assemble the Casserole Layers
Preheat your oven to 375°F. In a 9x13-inch baking dish, combine the caramelized onions, blanched green beans, and the cream sauce. Stir gently to coat the green beans evenly with the sauce. Sprinkle the 1.5 cups freshly grated sharp cheddar cheese evenly over the top.
For extra richness, place the 0.5 cup unsalted butter (cubed) on top of the cheese layer. This will melt during baking, creating a luscious, golden finish. Bake uncovered for 25-30 minutes until the cheese is fully melted and the top is golden brown and bubbly.
Add the Crispy Topping and Finish
Remove the casserole from the oven and let it rest for 5 minutes. Return it to the oven for 3-5 minutes to crisp the cheese topping further. Watch closely to avoid over-browning.
Serve immediately with slices of 1 loaf crusty bread on the side. The combination of tender green beans, rich caramelized onions, and the crispy cheese topping creates a nostalgic, comforting dish that's perfect for family gatherings. The casserole should be piping hot, with a golden, slightly crispy cheese crust that contrasts beautifully with the creamy sauce underneath.
Pro Tips For Making Campbell'S French Onion Green Bean Casserole
- CARAMELIZE THE ONIONS FIRST: Skip the raw onion flavor by cooking them until deep golden—almost jammy—before adding the soup mix. I used to toss them in raw, and the dish always tasted like it was missing something. Ten minutes on medium-low, lid off, with a splash of water to keep them from burning. That’s where the real depth comes from.
- TRIM GREEN BEANS UNIFORMLY: Cut the ends just enough to fit in the casserole dish—no need to go crazy. Over-trimming makes them mushy when roasted. Leave the thicker ends intact, and they’ll hold their shape better. (Yes, even if they look uneven—it’s fine.)
- WHISK THE CREAM COLD: Chill the heavy cream before mixing it into the soup—literally dump it in the fridge for 10 minutes. Warm cream curdles when it hits the hot soup, and you’ll end up with a lumpy mess. Cold cream blends in smooth, every time.
- BROWN THE TOPPING BUTTER: Melt the butter for the topping until it’s nutty and golden, not just melted. That extra minute at the end makes the whole dish taste richer. Skip it, and you’re just toasting breadcrumbs with bland butter. (I know, it’s tempting to rush.)
Dietary considerations for this campbell's french onion green bean casserole
Gluten-Free Adaptation
Replace the all-purpose flour in the topping with ½ cup gluten-free all-purpose flour blend (I recommend King Arthur Measure for Measure for best texture). Use 1 tablespoon xanthan gum to prevent crumbliness. For the roux in the sauce, substitute ½ cup gluten-free flour—ensure it's labeled 1:1 for baking.
The caramelized onions and green beans remain unchanged, but check Campbell's French Onion Soup Mix for gluten-free certification (the original contains wheat). 🌾
Dairy-Free Options
Swap the heavy cream for 1 cup full-fat coconut milk—it adds richness without dairy. Replace the sharp cheddar with 1.5 cups nutritional yeast (for cheesy flavor) or dairy-free cheese shreds like Violife.
Use olive oil instead of butter in the topping, and ensure your Campbell's soup mix is dairy-free (the original contains milk). The texture stays creamy but lighter. 🥛
Low-Carb Modifications
Skip the bread topping entirely and replace the flour in the sauce with ½ cup almond flour—it adds nuttiness and binds well. Use ½ cup heavy cream and ½ cup unsweetened almond milk to reduce carbs further.
For the topping, melt ½ cup dairy-free butter and mix with ½ cup grated Parmesan (low-carb) before sprinkling. The result is still rich but with 15g net carbs per serving instead of 30g. 🥦
Vegetarian Considerations
This recipe is already vegetarian, but ensure your Campbell's French Onion Soup Mix is vegetarian-certified (some contain chicken fat). For extra protein, stir in ½ cup cooked lentils or crumbled tempeh into the green bean layer.
The caramelized onions and cheese topping remain the same, delivering all the comfort without meat. 🌱
Allergen-Friendly Swaps
For nut allergies, avoid almond flour and use ½ cup coconut flour (add 1 extra egg to bind). If soy is a concern, replace the Campbell's soup mix with a homemade version using soy-free vegetable broth and arrowroot powder as a thickener.
Always check labels—some cheeses contain soy lecithin. Cross-contamination is key; use separate utensils and pans for allergens. 🧂
Nutrition facts
Frequently asked questions
Can I make this casserole ahead of time?
Assemble the casserole in a baking dish, cover tightly with foil, and refrigerate for up to 24 hours before baking. For freezing, assemble (without baking), wrap in plastic, and freeze for 3 months. Thaw overnight in the fridge before baking at 375°F for 30-35 minutes, covering with foil the first 20 minutes to prevent over-browning.
Why do my green beans turn mushy?
Overcooking is the most common cause. Blanch green beans for exactly 3 minutes in boiling water, then shock immediately in ice water. When assembling, avoid stirring too vigorously—gentle mixing keeps them intact. If using frozen beans, thaw and pat completely dry before adding to prevent excess moisture.
Can I use frozen green beans instead of fresh?
Yes, but thaw them first and pat thoroughly dry to remove excess moisture. For best texture, blanch frozen green beans for 2 minutes instead of 3. The key difference is fresh beans hold their shape better, while frozen work well for convenience.
What's the secret to a crispy cheese topping?
Use freshly grated cheese (pre-shredded contains anti-caking agents that prevent browning). Chill the baking dish for 15 minutes before baking, and place ½ cup cold butter cubes on top of the cheese. Bake uncovered for the last 5 minutes to let the top crisp. Watch closely—it browns fast!
How do I make this gluten-free?
Replace all-purpose flour with ½ cup gluten-free 1:1 flour blend (like King Arthur) plus 1 tbsp xanthan gum for the topping. For the sauce, use ½ cup gluten-free flour for the roux. Check Campbell's soup mix—original contains wheat. The caramelized onions and green beans stay the same.