Side Dishes
This Campbell's French onion green bean casserole recipe delivers the nostalgic comfort of a classic dish with a modern twist—crispy golden topping, melty cheese layers, and all the caramelized onion flavor you remember. The secret lies in building rich, savory layers that transform simple ingredients into a showstopping side dish.
I’ve perfected this version to balance tradition with convenience, using Campbell’s soup as the flavor foundation while ensuring every bite delivers that signature crunch.
The beauty of this recipe is its simplicity: just a few key ingredients assembled in one pan, then baked to golden perfection. The onions caramelize slowly, developing deep sweetness that pairs perfectly with the creamy mushroom soup base.
A crispy breadcrumb topping seals in all the flavors, while melted cheese creates that irresistible pull-apart texture. It’s the kind of dish that tastes even better the second time around.
What you’ll end up with is a casserole that looks and tastes like it came straight from a family dinner table—rich, cheesy, and crispy in all the right places. The green beans stay tender-crisp, the onions add depth, and the top layer shatters with every bite.
This is comfort food at its finest, ready in about an hour with minimal effort. Let’s get started on creating this timeless classic.
For those looking to customize, swapping out traditional breadcrumbs for gluten-free options or using vegan cheese keeps the dish inclusive without sacrificing flavor. The base recipe remains foolproof, but these tweaks ensure everyone at the table can enjoy it.
Serve alongside roasted chicken or steak for a complete meal that feels like home.
Ingredients for campbell's french onion green bean casserole
Six essential ingredients transform Campbell's soup into nostalgic comfort with modern crispy perfection.
| Ingredient | Amount | Notes |
|---|---|---|
| Yellow Onions 🧅 | 3 large | Thinly sliced for caramelization |
| Campbell's Cream of Mushroom Soup 🍄 | 2 cans | Condensed, 10.5 oz each |
| Green Beans 🥦 | 1 ½ lb | Fresh or frozen, trimmed |
| Butter 🧈 | ½ cup | Unsalted, melted |
| All-Purpose Flour 🌾 | ½ cup | For roux, not self-rising |
| Milk 🥛 | ½ cup | Whole for creaminess |
| Parmesan Cheese 🧀 | ½ cup | Freshly grated, block form |
| Sharp Cheddar Cheese 🧀 | 1 cup | Shredded, medium sharp |
| Panko Breadcrumbs 🍞 | 1 cup | Japanese-style for crispiness |
| Garlic Powder 🧄 | 1 tsp | Freshly ground preferred |
| Salt 🧂 | ½ tsp | Diamond Crystal kosher |
| Black Pepper 🌶️ | ¼ tsp | Freshly cracked |
| Fresh Parsley 🌿 | ¼ cup | Chopped, for garnish |
The onions are the heart of this dish—yellow onions caramelize best for their natural sweetness. Kroger or Whole Foods carry excellent quality, or use the large yellow variety from your local market. Thinly slice them evenly for consistent cooking. For deeper flavor, sauté them in butter until golden brown before adding to the soup base. The green beans should be tender-crisp, so blanch fresh beans for 2 minutes if using, or thaw frozen completely before adding to the casserole. The Campbell's soup serves as the flavor foundation, so use the classic cream of mushroom variety—no substitutions here for authenticity.
No panko breadcrumbs? Regular breadcrumbs toasted with butter work in a pinch, though they won't be as crispy. The cheeses can be swapped—Gruyère for Parmesan adds nutty depth, while vegan cheeses (like Daiya) keep it dairy-free without sacrificing texture. For a gluten-free version, use crushed gluten-free crackers or almond flour instead of breadcrumbs. The parsley is purely decorative but adds freshness—dried parsley at one-third the amount works if fresh isn't available. Want extra richness? Stir 2 tablespoons of cream cheese into the soup mixture before baking.
This casserole reheats beautifully—cover with foil and bake at 350°F for 15 minutes to restore crispiness. Keeps 4-5 days refrigerated in an airtight container, though it's best served within 2 days for optimal texture. For meal prep, assemble the casserole up to 24 hours ahead and refrigerate uncovered to develop extra crispiness on the top layer. Freeze portions for up to 3 months—just thaw overnight in the fridge before reheating. The breadcrumb topping can be pre-baked separately and stored in the freezer for 1 month if you prefer.
Why You'll Love This Recipe
- One-Pot Magic: I swear by this recipe for lazy nights—just caramelize onions in butter, toss in green beans, stir in the soup, and top with that golden flour-butter crust. No extra pans, no stress, just pure, satisfying simplicity.
- Caramelized Onion Dream: That slow-cooked, buttery onion layer? It’s the star. The deeper they brown, the richer the flavor—like a hug in a baking dish. Honestly, I’ll take this over fancy dinners any day.
- Leftovers That Win: This casserole actually tastes better the next day. Between us, I’ve reheated portions for breakfast (yes, really) and it’s still the coziest, most comforting bite. Perfect for meal prep when you’re juggling too much.
- Budget-Friendly Feast: Onions, green beans, and a can of soup? Check. This feeds a crowd without breaking the bank. I’ve made it for potlucks, family dinners, and even a last-minute church gathering—always a hit.
Step-by-step instructions for Campbell's french onion green bean casserole
Master this classic with a golden, crispy topping and creamy, flavorful filling—every bite delivers perfect texture.
Caramelize the Yellow Onions
Heat a large skillet over medium-low heat and melt the 0.5 cup of butter. Add the 3 large yellow onions, sliced thinly, and cook them slowly for 25-30 minutes. Stir occasionally to ensure even cooking and prevent burning. You're aiming for deep golden brown caramelization—the onions should smell rich and sweet, almost jam-like in texture.
This slow cooking process develops complex flavors that form the heart of the casserole. If the onions start to brown too quickly, reduce the heat slightly. The goal is to create a sweet, concentrated base that will carry through the entire dish. Once fully caramelized, remove the onions from the skillet and set aside, reserving any rendered butter in the pan for later use.
Prepare the Creamy Green Bean Filling
In the same skillet (with the reserved butter), sprinkle the 0.5 cup of all-purpose flour and whisk vigorously for 1-2 minutes over medium heat. This creates a light roux that will thicken your sauce beautifully. Gradually whisk in the 2 cans of Campbell's cream of mushroom soup, the 0.5 cup of milk, and the 1 teaspoon of garlic powder until smooth and fully combined.
Simmer the mixture for 3-4 minutes until it begins to thicken slightly. Then, stir in the 1.5 pounds of green beans (fresh or thawed if frozen) and the caramelized onions. Season with the 0.5 teaspoon of salt and 0.25 teaspoon of black pepper. The filling should be creamy but not overly thick—it should coat the back of a spoon but still be pourable. If it's too thick, whisk in a splash of milk to reach the ideal consistency.
Assemble and Bake for Maximum Crispiness
Preheat your oven to 375°F. Transfer the green bean mixture to a 9x13-inch baking dish and spread it evenly. In a small bowl, combine the 1 cup of sharp cheddar cheese, 0.5 cup of parmesan cheese, and 1 cup of panko breadcrumbs. Sprinkle this mixture evenly over the top of the casserole, pressing down gently with the back of a spoon to ensure good contact with the filling below.
Bake uncovered for 25-30 minutes, until the top is golden brown and the edges are crispy. The cheese should be fully melted and bubbly, with a crispy, breadcrumb crust that's irresistible to crack through. For extra browning, broil for 1-2 minutes at the end, keeping a close eye to prevent burning. The filling should be heated through and the green beans tender yet still holding their shape.
Rest and Garnish for Perfect Presentation
Remove the casserole from the oven and let it rest for 5-10 minutes. This resting period allows the filling to set slightly and the flavors to meld together, ensuring a clean slice when serving. While it rests, chop the 0.25 cup of fresh parsley and sprinkle it evenly over the top for a pop of color and freshness.
Serve immediately with a side of crusty bread to soak up every last bit of that creamy, cheesy goodness. The contrast between the crispy top and the tender, flavorful filling makes this casserole a crowd-pleaser. Each bite should deliver a perfect balance of textures and flavors—sweet caramelized onions, creamy mushroom filling, and that irresistible crispy breadcrumb topping.
Pro Tips For Making Campbell'S French Onion Green Bean Casserole
- CARAMELIZE ONIONS LOW: I used to blast the onions on high heat, and they’d just burn before softening. Instead, keep it at a steady simmer—about 30 minutes—adding a splash of water every 10 minutes. The onions should break down into a deep, sweet jam, not a sad, watery mess. (Yes, it’s boring, but trust the process.)
- TRIM GREEN BEANS RIGHT: Don’t just chop the ends—run your thumb along the stem side to pop off the tough strings. A quick rinse after trimming removes dirt and keeps the beans crisp. Skimp here, and you’ll taste every chewy fiber. (Your mouth will notice.)
- MAKE THE ROUX THICK: The Campbell’s soup is creamy, but the roux is where flavor hides. Cook the butter and flour until it’s a deep golden brown—about 3-4 minutes—before adding liquid. Pale roux? You’re missing nutty depth. (No, it won’t burn instantly—just watch it.)
- BAKE UNTIL CRISPY: The casserole looks done at 350°F, but the topping won’t crisp until it hits 400°F for the last 10 minutes. Skip this, and you’ll get a sad, soggy crust. (I learned this after serving a lukewarm, mushy disaster.)
Essential equipment for perfect results
Must-Have Baking Dish
The 9x13-inch baking dish is non-negotiable for this recipe—it provides the perfect surface area for even baking and crispy edges.
I recommend a heavy-duty stainless steel pan like All-Clad or Calphalon for even heat distribution, but glass dishes (like Pyrex) work too if you add 5 minutes to the baking time. Avoid dark-colored pans—they absorb heat unevenly and can burn the edges.
For extra insurance, I place my dish on a silicon baking mat to prevent sticking and ensure crispiness. 🔥
Skillet for Caramelization
A large, heavy skillet (10-12 inches) is essential for caramelizing the onions properly. I use a Lodge cast iron skillet because it retains heat beautifully and develops a natural non-stick surface over time.
If you don’t have cast iron, a stainless steel skillet like Made In works well, but avoid non-stick—it can’t handle the slow, high-heat caramelization process. The key is low and slow to develop that sweet, jammy texture without burning.
A wooden spoon is your best tool for stirring without scratching the pan.
Mixing Tools
For the roux and filling, a whisk is your best friend—it creates a smooth, lump-free sauce. I use a Ball silicone whisk because it’s gentle on non-stick pans and easy to clean.
A spatula (like OXO Good Grips) helps scrape every last bit of flavor from the skillet into the mixture. For the cheese-breadcrumb topping, a small mixing bowl and a rubber spatula ensure even distribution.
Pro tip: Use a fine-mesh sieve to dust the breadcrumbs evenly over the top—it prevents clumping and creates a more uniform crust. ✨
Measuring Essentials
Precision matters in this recipe, especially with the panko breadcrumbs and cheese. Invest in a stainless steel measuring cup (like Farberware) for accurate liquid measurements and a small kitchen scale for the breadcrumbs—1 cup panko can vary by 10-15 grams depending on how tightly you pack it.
A microplane is perfect for freshly grating the Parmesan cheese, while a box grater works for the cheddar. For the green beans, a sharp chef’s knife and cutting board make quick work of trimming. Don’t skip the fine-mesh strainer if blanching fresh beans—it ensures even cooking.
Optional Upgrades
For next-level results, consider a thermometer (like Thermoworks Thermapen) to monitor the oven temperature—375°F is critical for that perfect crispy top. A pastry brush helps spread any leftover butter from the skillet over the breadcrumb topping for extra browning.
If you love crispy textures, a food processor can pulse the breadcrumbs into finer pieces for a crunchier finish. For reheating leftovers, a lidded baking dish traps steam and restores crispiness in 10 minutes at 350°F. 💡
Nutrition facts
Frequently asked questions
Can I make this casserole without Campbell's soup?
The Campbell's cream of mushroom soup is the secret to that classic flavor profile, but you can substitute with 2 cups of homemade mushroom gravy or a mix of 2 tablespoons butter + 2 tablespoons flour + 2 cups milk for a roux-based version. For authenticity, use 1 cup beef broth in your homemade gravy to mimic the umami depth of the canned soup. The texture will be slightly lighter, but the caramelized onions and cheese topping will still deliver that comforting taste.
Why is my breadcrumb topping soggy?
Soggy topping usually means the casserole wasn't baked long enough or the filling was too wet. To fix this, ensure your oven is at 375°F and bake for the full 25-30 minutes (or until the edges are set). For extra insurance, spread the breadcrumb mixture on a baking sheet and toast it for 5 minutes before adding it to the casserole. Another trick? Mix 1 tablespoon cornstarch into the breadcrumbs before topping—it absorbs moisture and keeps things crispy.
Can I use frozen green beans instead of fresh?
Frozen green beans work perfectly and save time. Just make sure to thaw and drain them completely before adding to the filling. For even better texture, blanch frozen beans for 1 minute in boiling water to remove excess starch, then drain well. This prevents a gummy consistency in the final dish. The flavor difference is minimal, but blanching ensures your beans stay tender-crisp rather than mushy.
How do I make this gluten-free?
Swap the panko breadcrumbs for 1 cup gluten-free breadcrumbs or crushed gluten-free crackers, and use a gluten-free flour blend (like Bob's Red Mill 1:1) for the roux if needed. For the cheese topping, ensure your cheddar and Parmesan are certified gluten-free. The texture will be slightly less crispy, but the flavor remains rich and satisfying. A toasted almond flour crust is another great alternative for added crunch.
Can I prep this ahead of time for a holiday meal?
Yes! Assemble the casserole up to 24 hours ahead and refrigerate it uncovered to develop extra crispiness on the top layer. When ready to bake, add 10 minutes to the cooking time (cover with foil for the first 20 minutes to prevent over-browning). For freezing, assemble the casserole (without baking), cover tightly with plastic wrap and foil, and freeze for up to 3 months. Thaw overnight in the fridge before baking as directed.