Campbell's Bean Casserole Recipe: Crispy Top, Creamy Mushroom Dream

This Campbell's bean casserole recipe delivers the comforting, creamy texture and crispy topping that makes it a classic side dish. The secret lies in browning the breadcrumbs for that perfect golden crust while keeping the mushroom and bean filling rich and velvety—just like your favorite diner version.

I first made this during a holiday gathering when I needed a crowd-pleasing dish that could bake hands-off while I focused on the main course.

The beauty of this recipe is its simplicity—just a few pantry staples come together to create a dish that tastes like it took hours to prepare. The mushrooms add earthy depth, while the cream of mushroom soup provides that signature creamy base.

What sets this version apart is the crispy breadcrumb topping, which requires just 10 minutes of prep time but transforms the dish from ordinary to extraordinary.

By the time it emerges from the oven, you'll have a bubbling, golden casserole with a crispy top that shatters at the slightest touch and a creamy filling that's impossible to resist.

The aroma alone will have everyone gathering around the table, and the first bite delivers that perfect balance of textures and flavors. This is the kind of dish that becomes a family tradition.

Serve it alongside roasted meats or as a hearty vegetarian main with a side salad. The recipe scales easily for gatherings, and leftovers reheat beautifully. Here's how to make it perfect every time.

Ingredients for campbell's bean casserole

Pantry staples that transform into a diner-style classic with crispy perfection.

The breadcrumbs are where the magic happens. Panko gives you that shatteringly crispy top, but any dry breadcrumbs work in a pinch. Trader Joe's sells pre-seasoned ones that cut prep time, but I always toast mine with butter for extra flavor. The Parmesan? Freshly grated from a block makes all the difference—pre-grated tastes like sawdust. For the mushrooms, cremini or white work best—avoid those big, meaty portobellos. They'll make the filling watery. The soup? Campbell's Condensed is the original, but any cream of mushroom soup will do.

No panko? Regular breadcrumbs plus a pinch of salt get you close. Out of fresh parsley? Dried parsley at half the amount works, but it won't be as vibrant. The flour is for thickening the filling, but if you're watching carbs, cornstarch mixed with cold water does the same job. Want extra richness? Stir in 2 oz of cream cheese with the soup. The beans? Great Northern or cannellini hold up best—avoid those mushy kidney beans. And if you're using dried beans, soak overnight for the creamiest texture.

This reheats like a dream—just 10 minutes at 350°F until bubbly. The topping gets crispy again, and the filling stays creamy. Keeps for 4 days in the fridge, freezes for 3 months. I always double the recipe for holiday dinners—it's the kind of dish that disappears faster than you can say 'seconds?'

Step-by-step instructions for crispy-topped bean casserole

Here's how to create the perfect combination of golden, crunchy topping and rich, creamy filling.

In a large skillet, melt the 0.5 cup butter over medium heat. Add the diced yellow onion and cook for 3-4 minutes until softened and translucent. This is where the flavor foundation begins—don't rush this step or the onions will burn.

Push the onions to one side of the pan and add the sliced mushrooms. Cook them for 5-6 minutes until they release their moisture and begin to brown. Stir occasionally to ensure even cooking. The mushrooms should look tender with slightly crisp edges by the time they're done.

In a separate large bowl, combine the drained canned white beans, 2 cans cream of mushroom soup, 0.5 cup milk, 0.5 tsp garlic powder, 1.5 tsp salt, and 0.5 tsp black pepper. Mix well until everything is evenly distributed. The mixture should be thick but still pourable—this is your rich, creamy base.

Add the sautéed onion and mushroom mixture to the bean mixture and stir thoroughly. Taste and adjust seasoning if needed. This is your filling, and it should be flavorful enough to stand alone—don't be shy with the seasoning at this stage.

In a medium bowl, combine the 1.5 cups breadcrumbs, 0.5 cup grated parmesan cheese, and 0.25 cup chopped fresh parsley. This topping is what creates that irresistible crispy crust we're all craving. Mix well to distribute the cheese and parsley evenly throughout the breadcrumbs.

Transfer half of the bean mixture to a 9x13-inch baking dish. Spread it out evenly, then sprinkle half of the breadcrumb mixture on top. Repeat with the remaining bean mixture and topping. The layers should be even—this ensures consistent crispiness throughout.

Preheat your oven to 375°F. Place the baking dish on the middle rack and bake for 30 minutes. After 20 minutes, you should start to see the edges of the topping begin to turn golden brown. If it's browning too quickly, tent loosely with aluminum foil.

Continue baking for an additional 10-15 minutes until the topping is deep golden brown and the filling is bubbling hot all the way through. The center should be firm but still slightly jiggly when gently shaken. This indicates it's cooked through but still creamy.

Remove the casserole from the oven and let it rest for 5-10 minutes before serving. This resting period allows the filling to set slightly and makes it easier to cut clean slices. The topping should be crispy enough to stand up to a fork, but still tender enough to crumble slightly.

Garnish with additional chopped parsley if desired and serve immediately. The contrast of the crispy topping with the creamy bean filling is what makes this casserole so irresistible. Each bite delivers that perfect combination of textures and flavors we've been working toward.

Health benefits of these flavors

Plant-Based Protein

A single serving of this casserole delivers about 12-15 grams of plant-based protein from the white beans, making it an excellent option for vegetarians or meat-free meals.

The beans provide all nine essential amino acids your body needs, and their high fiber content (about 8 grams per serving) supports digestive health. I've made this dish for vegetarian friends, and they always ask for seconds—it's that satisfying! 💪

Fiber-Rich Comfort

The combination of beans and mushrooms creates a fiber powerhouse, with each serving containing roughly 10-12 grams of dietary fiber. This helps regulate blood sugar levels and keeps you full for hours, making it perfect for meal prep.

I notice my energy levels stay steady when I include this dish in my lunches, especially on busy workdays.

Low-Fat Creaminess

Unlike many creamy casseroles, this version delivers rich flavor without excessive fat. The cream of mushroom soup provides the creamy texture with only 2-3 grams of fat per serving, while the mushrooms add umami depth.

The breadcrumb topping adds minimal fat but maximum crunch. It's the kind of dish that feels indulgent but actually supports heart health.

Vitamin Boost

Mushrooms contribute vitamin D (especially if exposed to sunlight) and B vitamins, while the onions provide vitamin C and antioxidants. The parmesan adds calcium and vitamin A. Together, these ingredients create a nutrient-dense dish that's far more than just comfort food.

I always feel like I'm nourishing my body when I serve this.

Gluten-Free Adaptation

For gluten-free diets, simply replace the breadcrumbs with certified gluten-free breadcrumbs or crushed gluten-free crackers. The rest of the recipe remains unchanged, and you'll still get that satisfying crispy texture. I've tested this with Bob's Red Mill gluten-free breadcrumbs and found they work beautifully.

Meal Prep Friendly

This casserole reheats perfectly, making it ideal for meal prep. The beans and mushrooms retain their texture and flavor when reheated, while the breadcrumb topping crisps up again in the oven.

I prepare double batches and freeze portions for quick weeknight dinners. The combination of protein, fiber, and complex carbs keeps energy levels stable throughout the day. ✨

Frequently asked questions