Campbell's Green Bean Casserole Dish with Recipe: Creamy Mushroom Top With Crunchy Fried Onion Crown

This Campbell’s green bean casserole dish with recipe delivers the cozy magic of velvety mushroom sauce, crunchy fried onions, and tender green beans—just like Grandma’s. The secret lies in layering the ingredients just right and baking until the top develops that perfect golden crown.

I've perfected this dish over years of holiday gatherings, ensuring every bite delivers the creamy texture and satisfying crunch that makes it a classic.

The foundation of this recipe starts with fresh green beans simmered just until tender, then topped with a rich blend of cream of mushroom soup and milk for that signature creamy sauce. Fried onions add the crunchy crown that makes this casserole irresistible, while a sprinkle of seasoned breadcrumbs ensures an extra-crispy finish.

The baking time is key—about 30 minutes at 375°F—to achieve that bubbly, golden top without drying out the bottom layer.

What you'll end up with is a creamy, comforting side dish that pairs perfectly with roasted chicken, ham, or even as a vegetarian main. The creamy mushroom layer coats every green bean, while the fried onions provide that satisfying contrast with each bite.

This is the kind of dish that brings people together, whether it's for a holiday feast or a cozy family dinner.

For those looking to modernize the classic, try swapping the fried onions for crispy shallots or adding a layer of crispy bacon on top. Vegan substitutions can also work beautifully—just use a plant-based cream of mushroom soup and dairy-free milk.

Let's bring back this timeless comfort food with a modern twist.

Ingredients for campbell's green bean casserole dish with

Fresh green beans, creamy mushroom soup, and crispy fried onions—just like Grandma’s classic side dish.

The green beans are the heart of this dish, so choose fresh, crisp ones—avoid any that feel rubbery or yellowed. Trader Joe's or local farmers markets often have the best quality, but the regular grocery store works too. Trim the ends and cut into even pieces for consistent cooking. For the soup, Campbell's Cream of Mushroom is the classic choice, but any quality brand works. The milk should be full-fat—whole milk creates that signature creamy texture. If you're watching calories, you can substitute with half-and-half or heavy cream for a richer flavor without the same volume.

No fried onions? Crispy shallots or bacon bits make excellent substitutes—they add a different but equally satisfying crunch. For the breadcrumbs, panko or crushed Ritz crackers work beautifully, though panko stays extra crispy. The butter matters here—unsalted is preferred so you control the seasoning. If you're making this ahead, you can pre-make the sauce mixture and store it in the fridge for up to 3 days, then assemble just before baking. The cheese adds a nice final touch, but it's not essential if you're keeping it vegetarian or dairy-free.

This casserole reheats beautifully—cover with foil and bake at 350°F for 20 minutes to restore crispiness. It keeps well in the fridge for 4-5 days, though the fried onions lose some crunch after day 2. For freezing, assemble the dish, cover tightly, and bake straight from frozen at 375°F for 45-50 minutes. I like to make this a day ahead for holiday gatherings—the flavors meld even better after sitting overnight. Garnish with fresh parsley right before serving for a pop of color and freshness.

Step-by-step instructions for creamy green bean casserole

Here's how to assemble this classic comfort dish with a rich, velvety mushroom sauce and crispy fried onion topping.

Trim the ends from the 2 lbs of fresh green beans and cut them into 2-inch pieces. This size ensures even cooking and proper texture. Bring a large pot of salted water to a boil and blanch the green beans for exactly 4 minutes. You want them to soften slightly but still maintain a vibrant green color and crisp texture.

Drain immediately in a colander and rinse under cold water to stop the cooking process. Transfer the blanched green beans to a large mixing bowl and set aside. The cold water shock preserves their bright color and prevents them from becoming mushy during baking. This step is crucial for achieving the perfect balance of texture in your casserole.

In a separate large bowl, combine the 2 cans of cream of mushroom soup, 1 cup of whole milk, 0.5 cup of melted butter, 1 teaspoon of garlic powder, 1 teaspoon of onion powder, 0.5 teaspoon of salt, and 0.25 teaspoon of black pepper. Whisk vigorously until completely smooth and well blended. The sauce should be thick and creamy—this is the foundation of your casserole's rich flavor.

Add the blanched green beans to the sauce mixture and stir gently to coat each piece evenly. The green beans should absorb the creamy sauce while maintaining their individual shape. This step ensures every bite will be packed with flavor and moisture. Let the mixture sit for 5 minutes to allow the flavors to begin melding together before proceeding to the next step.

Preheat your oven to 350°F. Grease a 9x13-inch baking dish thoroughly with butter or cooking spray to prevent sticking. Spread the green bean mixture evenly across the bottom of the prepared baking dish. Use a spatula to create an even layer—this ensures consistent baking and even browning.

Sprinkle the 1 cup of shredded cheese evenly over the top of the green bean mixture. The cheese will melt during baking, creating a golden, bubbly surface. Press down gently with the back of a spoon to help the cheese adhere to the green beans. This step is what gives the casserole its signature creamy, cheesy finish that everyone loves.

In a small bowl, combine the 0.5 cup of seasoned breadcrumbs with the drained fried onions from the 16-ounce can. Mix gently to distribute the breadcrumbs evenly throughout the onions. This creates the signature crunchy crown that makes this casserole so satisfying.

Sprinkle the breadcrumb-onion mixture evenly over the cheese layer in the baking dish. Press down lightly again to help it adhere. The breadcrumbs will toast beautifully during baking, creating a crispy contrast to the creamy green bean mixture below. For extra freshness, sprinkle the 0.25 cup of chopped fresh parsley over the top right before baking—this adds a bright, fresh element that cuts through the richness.

Place the assembled casserole in the preheated 350°F oven and bake for 30 minutes. The casserole is done when the top is golden brown and bubbly, and the edges are lightly crisped. You'll notice the cheese has melted completely and the breadcrumb topping has turned a beautiful golden color.

For the final touch, let the casserole rest for 10 minutes after removing from the oven. This allows the layers to set slightly and makes it easier to serve. The creamy mushroom sauce should coat the green beans perfectly, and the fried onion crown should provide a satisfying crunch with every bite. Serve warm with crusty bread for the ultimate comfort food experience.

Common mistakes when making this dish

Overcooking Green Beans

One of the biggest mistakes is overcooking the green beans during the blanching step. When beans turn mushy instead of tender-crisp, they ruin the entire texture of your casserole.

I’ve seen this happen when people boil them for more than 4-5 minutes—stick to the 4-minute blanch and immediately shock them in ice water to lock in their bright color and firm bite. 🥦

Skipping the Cold Water Shock

After blanching, many people skip rinsing the beans with cold water, which leads to dull, limp green beans in your casserole. The cold water shock stops the cooking process instantly and preserves their vibrant green color.

I always use a colander under running cold water for 30 seconds to ensure they stay crisp and visually appealing.

Uneven Layering

An uneven distribution of ingredients can cause some parts of your casserole to bake faster than others, leading to dry spots or a soggy bottom. Always spread the green bean mixture in the baking dish using a spatula to create an even layer.

Press down gently on the cheese layer to help it adhere evenly—this ensures consistent texture throughout. 🧀

Wrong Oven Temperature

Baking at too high a temperature (400°F or above) will cause the top to burn before the center is fully heated, while too low (325°F) can leave the casserole undercooked or watery.

Stick to 350°F for the perfect balance—this temperature allows the cheese to melt smoothly and the breadcrumb topping to crisp without burning.

Using Low-Quality Ingredients

Cheap, pre-cut green beans or canned soup can make your casserole taste bland or watery. Always choose fresh, crisp green beans and Campbell’s Cream of Mushroom Soup for that rich, velvety texture.

I also recommend using sharp cheddar cheese for the best flavor—it melts beautifully and adds depth to the dish.

Not Letting It Rest

Serving the casserole immediately after baking can cause the layers to slide apart, and the breadcrumb topping to lose its crunch. Always let it rest for 10-15 minutes before serving. This allows the juices to redistribute, ensuring every bite is creamy and cohesive. Patience here makes all the difference! ⏳

Frequently asked questions