Campbell's Bean Casserole Recipe: Crispy Top, Creamy Layers, One-Pan Magic

This Campbell's bean casserole recipe delivers the crispy top and creamy layers that make it a comfort food classic—just like the iconic Campbell's version, but with modern twists you can customize.

The secret lies in layering canned beans with a rich cream-of-mushroom sauce and a crispy fried onion topping, all baked to golden perfection in one pan. I've perfected this recipe over years of testing, balancing traditional flavors with optional protein additions and vegan substitutions for flexibility.

The magic happens in the layers: tender kidney beans and cream soup form the creamy base, while a crispy fried onion topping adds texture that holds up even after reheating.

This 350°F bake takes about 40 minutes, creating a dish that's hearty enough for a main course but simple enough for a side. The best part? It's foolproof—no fancy techniques required, just layering and baking.

What you'll end up with is a creamy, savory casserole with a crispy golden crust that cracks slightly when you lift it from the oven.

The aroma alone will have everyone gathering at the table, and the first bite delivers that perfect balance of tender beans, rich sauce, and crunchy topping. This recipe serves 6-8 and scales easily for larger crowds.

Serve it as a side with roasted chicken or mashed potatoes, or turn it into a main dish by adding ground beef or black beans. For extra richness, sprinkle extra cheese on top before baking. Here's everything you need to recreate this classic comfort dish at home!

Ingredients for campbell's bean casserole

Pantry staples and a few fresh ingredients create this iconic comfort dish with crispy layers.

The beans and soup form the heart of this casserole, so quality matters. Libby's or Great Northern kidney beans are my go-tos—they stay tender without turning mushy. For the soup, Campbell's Cream of Mushroom is classic, but French's or Progresso work too. If you're feeling fancy, swap the canned soup for a homemade roux-based version with extra mushrooms. The ground beef? 80/20 fat ratio is key—it keeps the dish moist and rich. I always grab mine from Costco or the butcher counter at Whole Foods for the best quality.

No fried onions? Toasted breadcrumbs with a pinch of garlic powder mimic the crunch. Short on cheddar? Parmesan or Monterey Jack add richness without overpowering. The Worcestershire sauce might seem optional, but trust me on it—it adds that savory depth that makes this dish sing. For a vegan version, swap the milk for unsweetened almond milk and use vegan cheddar. The flour is for thickening, but if you're gluten-free, cornstarch works perfectly. Pro tip: Pre-cook the ground beef to render the fat before mixing—it makes the casserole even creamier.

This casserole tastes even better the next day, so make it ahead if you can. Store leftovers in an airtight container for up to 5 days in the fridge, or freeze portions for 3 months. The crispy top stays crunchy when reheated—just cover with foil for the first few minutes to prevent burning. I always double the recipe for gatherings because it disappears fast. The cheese topping? Add it right before baking so it gets that perfect golden crust.

Step-by-step instructions for Campbell's bean casserole recipe

Here's how to create that perfect balance of crispy golden top and creamy, hearty filling.

Heat a large oven-safe skillet over medium-high heat. Add the 1 lb ground beef, breaking it apart with a wooden spoon as it cooks. Let it brown undisturbed for 3-4 minutes until the meat loses its raw color and begins to crisp along the edges.

Push the beef to one side of the pan and add the 2 tbsp butter. When melted, add the finely diced 1 whole yellow onion and finely chopped 2 whole celery stalks. Sauté for 5 minutes until softened, then add the 3 cloves minced garlic cloves and cook for another 30 seconds until fragrant. Stir the beef back into the pan and add the 1 tbsp Worcestershire sauce, mixing well to combine.

Season with the 0.5 tsp salt and 0.25 tsp black pepper, then remove from heat. This step develops deep, savory flavors that form the foundation of your casserole.

In a medium bowl, combine the drained 2 cans kidney beans, 2 cans cream of mushroom soup, and 0.5 cup milk. Stir until the soup is fully incorporated and the mixture is smooth. Taste and adjust seasoning if needed—this is your chance to ensure perfect balance before baking.

I always add the beans to the soup mixture first, then stir in the milk last. This prevents the beans from absorbing too much liquid too quickly, which could make your casserole watery. Pour this mixture into the skillet with the beef and stir everything together thoroughly.

The goal here is to create a thick, velvety base that will hold its shape while baking. If the mixture looks too thin, you can sprinkle in the 1 tbsp all-purpose flour and stir until dissolved—this will help create that creamy texture we're after.

Transfer the skillet to a preheated oven at 350°F. Sprinkle half of the 1 cup fried onions evenly over the top of the mixture, then sprinkle half of the 1 cup shredded cheddar cheese. Repeat with the remaining fried onions and cheese, pressing down gently to ensure even distribution.

This layering technique is what creates that perfect crispy top while keeping the filling creamy. The fried onions add texture and a subtle sweetness that complements the savory flavors. The cheese will melt into the top layer, creating a golden, bubbly crust that everyone will love.

Bake uncovered for 25 minutes, then increase the oven temperature to 375°F. This two-stage baking process helps develop that beautiful crispy top while ensuring the filling stays creamy and heated through.

After the initial 25 minutes at 350°F, switch to the higher temperature and bake for another 15-20 minutes until the top is golden brown and bubbly. You'll know it's ready when the cheese has melted completely and the onions are crispy on top.

For extra crispiness, I sometimes broil for the last 2-3 minutes, keeping a close eye on it to prevent burning. The moment the top turns a deep golden brown is when you want to remove it from the oven. Let it rest for 5 minutes before serving—this allows the filling to set slightly and makes it easier to scoop.

This casserole delivers on all the promises: a crispy, golden top that contrasts beautifully with the creamy, hearty bean filling beneath. The combination of textures and flavors makes every bite satisfying and comforting.

Health benefits of this recipe

Protein-Packed Power

This classic casserole delivers a surprisingly good dose of plant-based protein from kidney beans—about 15 grams per serving. The combination of beans and ground beef (if included) creates a complete protein profile, providing all nine essential amino acids your body needs for muscle repair and immune function.

I love serving this as a main dish because it's heartier than most side dishes. 💪

Fiber for Digestion

The kidney beans in this recipe are an excellent source of dietary fiber, with about 8 grams per serving. This helps regulate digestion, keeps you feeling full longer, and supports healthy cholesterol levels.

The fiber content also makes this dish naturally lower in glycemic impact, which is great for blood sugar management. I notice my energy levels stay steady after eating this compared to heavier carb-loaded sides.

Creamy Comfort Without Guilt

The cream of mushroom soup adds richness, but it's surprisingly low in fat when compared to other creamy dishes. A single serving contains only about 5 grams of fat, mostly from the milk and cheese.

The mushrooms in the soup also provide selenium and copper, minerals that support thyroid function and iron metabolism. This makes it a comforting dish that doesn't leave you feeling weighed down. ✨

Umami Depth from Mushrooms

The cream of mushroom soup contributes glutamates, which give this dish its signature savory depth. These compounds enhance flavor without adding calories, making every bite more satisfying. The Worcestershire sauce adds another layer of umami, creating that rich, meaty taste that makes this casserole so addictive.

I often double the Worcestershire to intensify this flavor profile.

Calcium Boost from Cheese

The shredded cheddar topping provides about 20% of your daily calcium needs per serving, supporting bone health and muscle function. The cheese also adds a satisfying mouthfeel that balances the creamy bean mixture.

For a lighter option, I sometimes use a mix of cheddar and low-fat mozzarella without sacrificing much flavor. The calcium content makes this particularly beneficial for growing kids or active adults.

Meal Prep Friendly

One of the best health benefits of this casserole is how well it holds up for meal prep. The fiber and protein content help keep it satisfying when reheated, and the crispy topping stays intact when stored properly.

I make double batches and freeze portions for quick weeknight meals. The nutritional benefits remain intact even after reheating, making it a practical choice for busy families. 💡

Frequently asked questions