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

Side Dishes

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

This Campbell's bean casserole recipe delivers the classic comfort of creamy mushroom sauce and crispy cheesy top in one satisfying dish. The key lies in layering the ingredients just right—rich tomato-based sauce over tender beans, then topping it with a golden crust that crackles with every bite.

I've perfected this method over years of testing, ensuring the flavors meld beautifully while the top achieves that coveted crispy texture.

The secret to restaurant-quality results starts with the sauce—simmered just until thickened, then layered over canned beans for maximum flavor absorption. While many recipes call for fancy techniques, this version keeps it simple with pantry staples and precise timing.

The cheesy topping transforms ordinary beans into a showstopping side dish that's perfect for holidays or weeknight dinners.

By the time it emerges from the oven, you'll have a dish that's creamy in the center with a crispy, golden-brown crust on top—just like the classic Campbell's version you love.

The aroma alone will have everyone gathering around the table, and the first bite delivers that perfect balance of savory, cheesy, and slightly tangy flavors. This is comfort food at its finest, made even better when you control every element.

Whether you're serving this as a side for roast chicken or making it the star of a potluck, this recipe delivers consistent results every time. The best part?

It's foolproof enough for beginners but impressive enough for any gathering. Let's get started on creating this timeless classic in your own kitchen.

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

Ingredients for campbell's bean casserole

Pantry staples that transform into creamy, crispy comfort food magic.

Ingredient Amount Notes
Canned Kidney Beans 🫘 15 oz Drained and rinsed thoroughly
Canned Baked Beans 🫘 15 oz Drained and rinsed thoroughly
Canned Cream of Mushroom Soup 🍄 1 can (10.5 oz) Condensed, not low-fat
Mushroom Soup Base 🍲 1 cup Homemade or store-bought sauce
Shredded Cheddar Cheese 🧀 1 cup Medium or sharp cheddar preferred
All-Purpose Flour 🌾 ½ cup For crispy topping
Milk 🥛 ½ cup Whole milk for creaminess
Butter 🧈 ¼ cup Unsalted, melted
Onion 🧅 1 medium Diced small for even cooking
Garlic Cloves 🧄 3 cloves Minced for rich flavor
Salt 🧂 1 tsp Kosher or sea salt
Black Pepper 🌶️ ½ tsp Freshly ground preferred
Dried Parsley 🌿 1 tbsp For garnish, optional

The canned beans are the backbone—Great Northern or kidney both work, but drain and rinse them well to cut excess sodium. Store-bought mushroom soup (like Campbell's) is a game-changer here, but if you're feeling fancy, make your own base with sautéed mushrooms, garlic, and a splash of cream. The onion and garlic should be finely diced—this is where the flavor really builds. I grab yellow onions from the grocery store, but sweet onions work too if you prefer. For the cheddar, medium or sharp gives the best balance of tangy and rich notes—avoid pre-shredded if you can, because it gets gummy when baked.

No mushroom soup? Cream of celery soup with a handful of chopped mushrooms works in a pinch. Short on beans? Mix kidney and Great Northern for texture contrast. The flour-milk-butter topping is non-negotiable for that perfect crisp—don't skip the butter! It's what makes the crust golden and irresistible. Want extra cheesiness? Add a sprinkle of mozzarella on top before baking. The parsley is just for garnish, but it adds a fresh pop of color that makes the dish look restaurant-worthy. If you're serving this at a holiday gathering, double the topping recipe—everyone will ask for seconds.

This casserole tastes even better the next day—make it ahead and bake straight from the fridge for 50-60 minutes. Keeps for 4-5 days in the fridge, freezes beautifully for up to 3 months. I always portion mine into individual servings so it's easy to reheat. Leftovers? Pop them in the microwave for 2 minutes with a splash of milk to revive that crispy top. Trust me, the aroma alone will have everyone gathering around the table.

❤️

Why You'll Love This Recipe

  • One-Pot Magic: I swear by this recipe—just dump, stir, and bake. No chopping, no fussing, just 20 minutes of hands-off time while the oven does all the work.
  • Creamy Cheesy Crave: That combo of cream of mushroom soup and melted cheddar? Rich, velvety, and just salty enough to make you reach for seconds. Honestly, the baked beans add this sweet-savory punch that ties everything together.
  • Weeknight Workhorse: I take this to potlucks, pack it for lunches, and even reheat it for lazy dinners. The texture holds up perfectly—no mushy leftovers here, just that satisfying bite every time.
  • Budget-Friendly Feast: Five cheap ingredients stretch to feed four (or six if you’re generous). Between us, it’s my go-to when I need to stretch a grocery budget without sacrificing flavor.

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

Here's how to create the ultimate cheesy, crispy-topped bean casserole that's creamy inside and perfectly golden on top.

1

Sauté the Onion and Garlic for Flavor Foundation

Melt the 0.25 cup butter in a large skillet over medium heat. Add the 1 medium onion that's been diced small and cook for 5-6 minutes until it becomes soft and translucent. This is your flavor base—don't rush it or you'll miss that sweet onion taste.

Add the 3 cloves garlic cloves that you've minced and cook for another 30 seconds until fragrant. The garlic should smell amazing but not brown—just enough to wake up all your taste buds. Remove from heat and set aside, as you'll be using this in your casserole mixture next.

2

Combine All Wet Ingredients for Creamy Base

In a large mixing bowl, combine the drained 15 oz canned kidney beans, drained 15 oz canned baked beans, 1 can (10.5 oz) canned cream of mushroom soup, 1 cup mushroom soup base, and the sautéed onion-garlic mixture. Stir everything together until well combined—you want those flavors to meld completely.

In a separate bowl, whisk together the 0.5 cup milk, 1 tsp salt, and 0.5 tsp black pepper. This seasoned milk will help create that creamy texture we're after. Pour this mixture into the bean mixture and stir again until everything is thoroughly combined. The consistency should be thick but still pourable.

3

Prepare the Crispy Topping Mixture

In another bowl, combine the 0.5 cup all-purpose flour, 1 cup shredded cheddar cheese, and 1 tbsp dried parsley. This is your topping that will give that perfect crispy texture. Use your fingers to mix it together—you want the cheese to be evenly distributed throughout the flour for that golden, crunchy topping.

This is where the magic happens—when you bake it, this topping will turn from bland flour and cheese into a beautiful golden brown crust that everyone will love. The parsley adds just a touch of freshness that balances the richness.

4

Assemble and Bake for Perfect Texture

Preheat your oven to 375°F. Transfer the bean mixture to a greased 9x13-inch baking dish and spread it out evenly. This is important—you want an even layer so it cooks through completely without any dry spots.

Sprinkle the flour-cheese-parsley mixture evenly over the top of the bean mixture. Here's the thing—don't worry if it looks like too much. The cheese will melt and create that beautiful crust we're after. Bake for 30-35 minutes until the top is golden brown and bubbly, and the edges are crispy.

5

Rest and Serve for Maximum Enjoyment

Remove the casserole from the oven and let it rest for 10 minutes before serving. This resting time is crucial—it allows the top to set properly and makes it easier to slice. The inside should be creamy with those rich mushroom flavors, while the top will be perfectly crispy.

Cut into squares and serve immediately. The contrast of the crispy top and creamy bean mixture is what makes this dish so amazing. Garnish with extra parsley if you like, but honestly, it's already perfect just as it is. This casserole tastes even better the next day, so make extra if you can!

👨‍🍳

Pro Tips For Making Campbell'S Bean Casserole

  • Drain and Rinse Beans: Skip the soggy texture by draining both kidney and baked beans, then rinse them under cold water—especially if the cans are salt-packed. I learned this the hard way when my first batch turned into a watery mess that needed more cheese to "fix."
  • Prep the Soup Base: Whisk the mushroom soup base into the canned cream of mushroom soup before adding liquids—this blends flavors better and cuts down on clumps. I used to dump it in last, and the texture always felt uneven.
  • Bake Low and Slow: Cover the casserole with foil for the first 25 minutes at 350°F (175°C), then uncover and bake another 10–15 minutes. This keeps the beans tender and the cheese from burning—my early attempts always had crispy cheese on top but mushy beans underneath.
  • Toast the Cheese: Sprinkle shredded cheddar in the last 5 minutes of baking, not before—this gives it that golden, melty finish. I was skeptical until I tried it, and now I double-check the timer to avoid overcooking the top.

Pro cooking tips for this recipe

Sauce Thickening Secrets

The key to that velvety texture lies in simmering the sauce just until thickened—not boiling. I always use a medium-low flame and stir frequently to prevent scorching.

If your sauce seems too thin after mixing all ingredients, sprinkle 1 tsp cornstarch mixed with 1 tbsp cold water into the sauce and stir for 1-2 minutes until it reaches that perfect coating consistency. 🍲

Layering Like a Pro

Spread the bean mixture evenly in your baking dish—uneven layers lead to dry spots or soggy bottoms. I press down gently with a spatula to eliminate air pockets.

For extra insurance, bake for 5 minutes before adding the topping to help set the base. This prevents the crispy layer from sinking into the creamy filling.

Cheese Topping Hacks

For that golden, crackly crust, use a mix of medium and sharp cheddar—the sharp adds tang while medium keeps it rich. I always sprinkle the topping mixture in a circular motion starting from the center, then work outward.

This creates a thicker center that stays crispy longer. Pro tip: Press down lightly with the back of a spoon before baking to help it set faster.

Oven Temperature Control

Your oven's hot spots can ruin an otherwise perfect casserole. I rotate my dish halfway through baking (after 15-17 minutes) for even browning. If your oven runs hot, reduce temperature to 350°F—the topping will still crisp beautifully while preventing the beans from drying out.

A light-colored baking dish also helps reflect heat more evenly than dark pans. 🌡️

Resting for Perfection

Skipping the 10-minute rest makes slicing nearly impossible—those crispy layers need time to set. I place my casserole on a wire rack over a baking sheet to catch any drips.

This also prevents sogginess when serving. The flavors continue developing during this time, making every bite more delicious. Honestly, this step alone makes the difference between "good" and "restaurant-quality."

Make-Ahead Magic

Assemble the casserole up to 24 hours ahead and refrigerate uncovered. The cold mixture prevents soggy layers when baking. Add 5-10 extra minutes to baking time if coming straight from the fridge.

For freezer storage, bake completely, cool, then wrap tightly in plastic wrap followed by aluminum foil. Thaw overnight in the fridge before reheating at 350°F for 20-25 minutes.

Nutrition facts

Servings 4
Amount Per Serving
Calories 480kcal
% Daily Value *
Total Fat 24g31%
Saturated Fat 12g60%
Cholesterol 45mg15%
Sodium 1150mg49%
Total Carbohydrate 52g18%
Dietary Fiber 10g36%
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 without cream of mushroom soup?

For a homemade version, sauté 1 cup sliced mushrooms with 2 tbsp butter until golden, then add 1 tbsp flour and 1 cup milk to make a roux. Simmer until thickened and stir in 1 tsp Worcestershire sauce for depth. This creates the same creamy base without canned soup.

2

Why did my cheesy topping get soggy instead of crispy?

Soggy topping usually means one of two things: the base wasn't baked long enough before adding the topping, or the oven wasn't hot enough. Always pre-bake the bean mixture for 5 minutes at 375°F before adding the topping. Also, broil for 1-2 minutes at the very end to crisp up any soft spots.

3

What's the best way to reheat leftovers?

For maximum crispiness, cover the casserole loosely with foil and reheat at 350°F for 15-20 minutes. To revive the top, sprinkle a little milk or water over it before reheating. Microwave leftovers for 2 minutes with a damp paper towel over the top to restore some crunch. The flavors actually improve after the first day!

4

Can I use different types of beans?

Yes! While kidney and baked beans work best for texture, you can substitute with Great Northern beans or pinto beans (drained and rinsed). For a meatier version, add ½ cup cooked ground beef or ½ cup diced ham to the bean mixture. Just adjust seasoning since different beans have varying sodium levels.

5

How do I make this dish ahead for a holiday gathering?

Assemble the casserole completely (including topping) and refrigerate uncovered for up to 24 hours before baking. Add 10-15 extra minutes to baking time. For freezing, bake fully, cool, then wrap tightly. Reheat from frozen at 325°F for 45-50 minutes with foil, then broil for 2 minutes to restore crispiness.

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