Campbell's French Onion Green Bean Casserole Recipe: Golden Crisp Top, Creamy Onion Mushroom Layers

Side Dishes

Campbell's French Onion Green Bean Casserole Recipe: Golden Crisp Top, Creamy Onion Mushroom Layers

This Campbell’s French onion green bean casserole recipe transforms classic French onion soup into a creamy, comforting dish that’s a game-changer for family dinners. The secret lies in layering sautéed onions and mushrooms with Campbell’s French onion soup, then crowning it with a crispy cheese topping that’s impossible to resist.

I’ve perfected this recipe over years of holiday gatherings, where it disappears faster than the mashed potatoes.

What makes this casserole truly special is the balance of textures—tender green beans mixed into the creamy onion-mushroom base, topped with a golden, bubbly cheese crust that adds a satisfying crunch.

The Campbell’s soup provides that signature depth of flavor without requiring hours of onion caramelization, while the cheese topping ensures every forkful is rich and indulgent. It’s the kind of dish that turns a simple weeknight meal into a showstopper.

The best part? This recipe comes together in just 30 minutes of prep before baking, making it ideal for busy cooks who still want restaurant-quality results. The creamy onion layers infuse every bite with that familiar, comforting flavor, while the crisp topping adds a satisfying contrast.

Serve it alongside roasted chicken or steak for a complete meal that will have everyone asking for seconds.

For an extra boost of flavor, consider adding sautéed mushrooms to the onion mixture or swapping the standard cheese for a blend of cheddar and Gruyère for deeper richness.

Either way, this casserole is a crowd-pleaser that’s worth making again and again. Let’s get started on creating your golden, creamy masterpiece.

👨‍🍳
Difficulty
Medium
🌿
Diet
Vegetarian
🔥
Calories
Med Cal

Ingredients for campbell's french onion green bean casserole

Pantry staples meet holiday comfort in this creamy, golden casserole masterpiece.

Ingredient Amount Notes
Yellow Onions 🧅 3 large Thinly sliced, about 4 cups
Green Beans 🥦 1 ½ lb Trimmed, cut into 1-inch pieces
Mushrooms 🍄 8 oz Sliced, cremini or white
Campbell's French Onion Soup 🍲 2 cans 10.5 oz each, undiluted
Heavy Cream 🥛 ½ cup Full-fat for creaminess
All-Purpose Flour 🌾 ½ cup For cheese topping
Shredded Cheddar Cheese 🧀 2 cups Medium sharp, freshly shredded
Unsalted Butter 🧈 ½ cup Melted for topping
Salt 🧂 1 tsp Kosher or sea salt
Black Pepper 🌶️ ½ tsp Freshly ground preferred
Garlic Powder 🧄 ½ tsp For extra depth
Extra-Virgin Olive Oil 🫒 2 tbsp For sautéing onions

The onions are the heart of this dish—yellow onions with their sweet, caramelizable flavor work best. Trader Joe's and Whole Foods often carry the sweetest varieties, but any yellow onion will do. Slice them thinly for even cooking and maximum flavor extraction. For a shortcut, pre-sliced onions from the refrigerated section save time without sacrificing quality. The mushrooms add earthy depth; cremini or white work perfectly, but avoid button mushrooms—they're too mild. Store onions in a cool, dark place for up to 2 weeks, and mushrooms in a paper bag in the fridge for 5-7 days.

No Campbell's French onion soup? Homemade onion soup works beautifully—sauté onions until caramelized, add beef broth and a splash of red wine, then simmer with a bouillon cube. For a lighter version, swap half the heavy cream for whole milk. The cheese topping is where flavor shines—Gruyère or sharp cheddar add complexity, but pre-shredded cheese gets clumpy. Always shred your own from a block for the best texture. Need a dairy-free option? Vegan cheese shreds or nutritional yeast can mimic the richness, though texture will differ.

This casserole reheats beautifully—350°F for 15-20 minutes until bubbly. Leftovers keep for 4-5 days in the fridge, but honestly, it's even better reheated. For meal prep, assemble the casserole in a baking dish, cover with foil, and refrigerate for up to 24 hours before baking. The cheese topping browns faster when cold, so keep an eye on it. Freeze un-baked portions for up to 3 months—just add 10 minutes to the baking time when reheating.

❤️

Why You'll Love This Recipe

  • I’ll be real: this feeds six for under $10. The onions and green beans bulk it out, the soup adds depth, and the heavy cream makes it feel fancy without breaking the bank. Leftovers? Even better with a sprinkle of cheese the next day—my kids ask for it twice a week.
  • One-Pan Magic: I swear by this recipe because it’s literally one bowl, one pan, and done. The onions caramelize right in the soup base while the green beans crisp up—no chopping boards, no extra pots, just 20 minutes of hands-off cooking.
  • Caramelized Comfort: Here’s what sold me—the way the French onion soup’s deep, savory broth clings to the mushrooms and onions, then gets thickened with heavy cream into this silky, slightly tangy sauce. It’s like a hug in a dish, especially when the top gets that golden, toasty crust.
  • Potluck Hero: Between us, this is my go-to for gatherings. It reheats like a dream, so I can prep it ahead and bring it to holiday dinners or church suppers. The green beans stay crisp, the mushrooms soak up all the flavor, and everyone thinks I slaved over it—no one suspects it’s mostly Campbell’s soup.

Step-by-step instructions for Campbell's French onion green bean casserole

Here's how to assemble this comforting classic with a perfectly crispy golden top and rich, creamy layers.

1

Sauté Onions and Mushrooms for Deep Flavor

Heat the 2 tablespoons extra-virgin olive oil in a large skillet over medium heat. Add the 3 large yellow onions (thinly sliced) and cook for 8-10 minutes until they soften and begin to caramelize at the edges. This slow cooking develops their natural sweetness.

Push the onions to one side of the pan and add the 8 ounces sliced mushrooms. Cook for another 5-6 minutes until they release their moisture and develop golden brown spots. Stir occasionally to prevent sticking, and season lightly with ½ teaspoon salt and ¼ teaspoon black pepper as you go. The mushrooms should be tender but still hold their shape slightly.

Once both onions and mushrooms are cooked, transfer them to a large mixing bowl. Set aside for now - we'll combine them with the green beans later. This step builds the rich, savory base that makes the casserole so satisfying.

2

Prepare the Green Bean and Soup Mixture

In the same skillet (no need to clean it), add the 1.5 pounds trimmed green beans cut into 1-inch pieces. Cook for 3-4 minutes until they begin to soften slightly. Pour in the 2 cans Campbell's French Onion Soup (undiluted) and stir well to combine.

Remove the skillet from heat and carefully transfer the soup and green bean mixture to the bowl with the sautéed onions and mushrooms. Stir in the ½ cup heavy cream and ½ teaspoon garlic powder until everything is evenly distributed. The mixture should be thick but still pourable. Taste and adjust seasoning if needed - you might want to add a pinch more salt or pepper to complement your preferences.

This combination creates the signature creamy texture that makes this casserole so beloved. The French onion soup provides that rich, savory depth while the heavy cream adds luxurious creaminess to every bite.

3

Assemble the Casserole for Baking

Preheat your oven to 375°F. Grease a 9x13-inch baking dish generously with butter or cooking spray to prevent sticking. Spread the green bean and onion mixture evenly across the bottom of the dish, pressing down gently to create an even layer.

In a separate bowl, combine the 2 cups shredded cheddar cheese, ½ cup all-purpose flour, ½ cup melted unsalted butter, ½ teaspoon black pepper, and ½ teaspoon garlic powder. Mix until the cheese is fully coated with the butter and flour mixture. This creates the signature crispy topping that makes this casserole special.

Sprinkle the cheese mixture evenly over the top of the green bean layer, pressing down gently with a spatula to ensure good contact with the casserole filling. The cheese should form an even, thick layer that will become beautifully golden and crispy when baked.

4

Bake Until Golden and Bubbly

Bake the casserole uncovered for 30-35 minutes until the top is deep golden brown and the edges begin to bubble. The cheese should be fully melted and the casserole should smell irresistibly rich and savory. You'll know it's done when the top has developed a crispy texture that contrasts beautifully with the creamy filling beneath.

For the last 5 minutes of baking, you can broil the casserole on high to achieve an extra crispy top. Watch it carefully to prevent burning - you're looking for a golden brown color rather than dark brown spots. The broiler helps create that perfect textural contrast that makes this dish so satisfying.

Remove from the oven and let rest for 5-10 minutes before serving. This resting period allows the layers to set slightly, making it easier to slice and serve. The casserole will be hot and bubbly - perfect for serving with crusty bread or a simple side salad.

👨‍🍳

Pro Tips For Making Campbell'S French Onion Green Bean Casserole

  • CARAMELIZE ONIONS FIRST: Skip dumping raw onions straight into the soup—sauté 10 minutes in butter until deep golden. I learned this the hard way: undercooked onions taste sad and watery, but properly caramelized ones bring that rich, sweet depth the soup can’t provide on its own.
  • TRIM GREEN BEANS SHORT: Cut the stems off green beans but leave the ends intact—this keeps them from falling apart when mixed with the creamy sauce. (Yes, it looks less uniform, but they hold together better in the oven.)
  • STIR BEFORE BAKING: After assembling the casserole, give it a good stir so the soup and cream mix evenly with the veggies. I used to skip this, and the top layer would end up gloppy while the bottom stayed dry—uneven stirring is the real culprit.
  • USE HALF-AND-HALF: Swap heavy cream for half-and-half (or even light cream) to cut the richness without sacrificing creaminess. The original recipe is heavy enough—this tweak keeps it from feeling like a dessert. (Your future self will notice the difference.)

Wine and beer pairings for this recipe

Creamy White Wine

A Chardonnay from California’s Central Coast—like a La Crema or Kendall-Jackson Vintner’s Reserve—complements this casserole beautifully. The buttery notes in these wines mirror the richness of the cheese topping, while their crisp acidity cuts through the creamy onion layers.

Serve it slightly chilled (50-55°F) to enhance the wine’s brightness against the dish’s warmth. 🍷

Crisp Lager

For beer lovers, a German-style pilsner like Spaten Optimator or a Belgian witbier such as Hoegaarden balances the dish’s richness. The light, slightly effervescent character of these beers cleanses your palate between bites of creamy casserole. Avoid heavy stouts or IPAs—they’ll overpower the delicate flavors. 🍺

Red Wine Contrast

If you prefer red wine, a Pinot Noir from Oregon or a Gamay from France offers a surprising match. The Willamette Valley Pinot Noir’s red fruit notes harmonize with the caramelized onions, while the Beaujolais Gamay’s juicy acidity refreshes the palate.

Decant for 30 minutes to soften tannins and let the wine breathe alongside the dish. 🍇

Dessert Wine Pairing

For a dessert wine twist, a Moscato d’Asti from Italy adds a playful finish. Its light sweetness and bubbles contrast the savory casserole, making it a fun choice for holiday gatherings. Serve it chilled (45-50°F) alongside the main course to bridge the meal seamlessly. 🍇

Non-Alcoholic Option

For a non-alcoholic pairing, try a sparkling apple cider like Martinelli’s or a ginger beer such as Feather’s. The effervescence and slight tartness of these drinks mirror the casserole’s creamy texture without competing for attention. A splash of lime juice in sparkling water also works wonderfully. 🥤

Nutrition facts

Servings 6
Amount Per Serving
Calories 480kcal
% Daily Value *
Total Fat 32g41%
Saturated Fat 18g90%
Cholesterol 110mg37%
Sodium 1250mg54%
Total Carbohydrate 38g14%
Dietary Fiber 6g21%
Sugars 8g
Protein 22g44%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

Frequently asked questions

1

Can I make this casserole ahead of time?

Assemble the casserole in your baking dish, cover tightly with foil, and refrigerate for up to 24 hours before baking. When ready to bake, remove the foil and cook as directed. The flavors will actually deepen overnight, making it even more delicious when served. For freezer prep, assemble the casserole (without baking), wrap tightly in plastic, and freeze for up to 3 months. Add 10 minutes to baking time when reheating from frozen.

2

What can I substitute if I don't have Campbell's French onion soup?

You can easily make a homemade version by sautéing 3 cups sliced onions in butter until caramelized, then adding 2 cups beef broth, 1 bouillon cube, and a splash of red wine. Simmer for 10 minutes to develop flavor. For a lighter option, use 1 cup cream of mushroom soup mixed with 1 cup beef broth instead. The key is maintaining that rich, savory onion base.

3

How do I prevent the cheese topping from getting soggy?

The secret is in the baking process! First, make sure your cheese topping is thick enough to create a barrier. Spread the green bean mixture evenly in the dish and press down gently. Before baking, place the casserole on a baking sheet (to catch any drips) and bake at 375°F for 20 minutes before adding the cheese topping. Then finish baking for 10-15 minutes more. This gradual approach prevents steam from building up too quickly. For extra insurance, sprinkle ½ cup crushed cornflakes on top of the cheese before the final 5 minutes of baking.

4

Can I add other vegetables to this casserole?

Yes! This casserole is very adaptable. Try adding ½ cup diced celery or 1 cup sliced carrots when sautéing the onions and mushrooms. For extra richness, fold in ½ cup cooked diced ham or ½ cup cooked ground beef with the green beans. Just be mindful of cooking times—vegetables like potatoes or broccoli may need to be pre-cooked and added separately. The texture should remain balanced with the green beans.

5

Why did my casserole turn out dry?

Dry casseroles usually happen from over-baking or insufficient liquid. First, check your baking time—30-35 minutes at 375°F is ideal. If you prefer it extra crispy, broil for only 2-3 minutes at the end. For moisture, ensure you're using 2 full cans of soup (not reduced) and that your green beans are only partially cooked (not mushy). If your casserole is already dry, try reheating it with 2 tablespoons milk or broth sprinkled on top and covered for 10 minutes in the oven.

★★★★★4.7(8 reviews)
Categories Side Dishes