Campbell's Bean Casserole Recipe: Cheesy, Creamy Layers With Crispy Top

Side Dishes

Campbell's Bean Casserole Recipe: Cheesy, Creamy Layers With Crispy Top

This Campbell's bean casserole recipe delivers the comforting, layered magic of creamy mushroom soup, tender beans, and a golden, crispy breadcrumb topping that’s become a classic for a reason.

The secret lies in balancing rich, velvety cream of mushroom soup with hearty baked beans and a crispy finish that holds up to every spoonful. I’ve perfected this version over years of holiday gatherings—it’s the kind of dish that transforms a simple dinner into a centerpiece.

The beauty of this recipe is its foolproof technique: just mix, layer, and bake. Campbell’s cream of mushroom soup forms the creamy base, while canned baked beans add depth and texture. A simple topping of buttery breadcrumbs and cheese creates that signature crispy crust that everyone reaches for first.

Unlike some versions, this one stays creamy in the middle without turning soggy—trust me, I’ve tested the alternatives.

By the time it emerges from the oven, you’ll have a creamy, cheesy masterpiece with a crispy top that’s impossible to resist. The aroma alone will have your kitchen filled with warmth, and the first bite delivers that perfect balance of savory, creamy, and crunchy.

It’s the kind of dish that tastes even better the next day, making it ideal for meal prep or holiday leftovers.

While this recipe shines as a side dish, it’s hearty enough to stand alone—especially when paired with proteins like bacon or chicken for added substance. The method is simple, but the results are anything but basic. Let’s get baking—this casserole is about to become your new go-to comfort food.

👨‍🍳
Difficulty
Medium
🔥
Calories
Med Cal

Ingredients for campbell's bean casserole

Six simple pantry staples transform into creamy, crispy comfort food perfection.

Ingredient Amount Notes
Campbell's Cream of Mushroom Soup 🍄 2 cans Condensed, 10.5 oz each
Canned Baked Beans 🫘 2 cans 15 oz each, not low-sodium
Medium Yellow Onion 🧅 1 whole Diced into small pieces
Garlic Cloves 🧄 3 cloves Minced, fresh preferred
Unsalted Butter 🧈 ½ cup Cold, cubed for topping
Plain Breadcrumbs 🍞 1 ½ cups Panko works too for extra crunch
Shredded Cheddar Cheese 🧀 1 ½ cups Medium sharp preferred
Milk 🥛 ¼ cup Whole milk for creaminess
Salt 🧂 1 tsp Kosher or sea salt
Ground Black Pepper 🌶️ ½ tsp Freshly cracked
Dried Parsley 🌿 1 tbsp For garnish, optional

The soup and beans are the heart of this casserole. Campbell's cream of mushroom soup is non-negotiable here—it's the secret to that velvety texture. Grab the 10.5 oz cans (not the condensed version in smaller cans). For the beans, Libby's or Bush's are my go-tos—they hold up best during baking. The onion and garlic? Dice the onion small so it melts into the soup, but don't skip them—they add depth. I always buy a whole onion and keep it in the fridge; it lasts 2 weeks that way. For the garlic, fresh is best, but if you're in a pinch, jarred minced works in a squeeze.

No Campbell's soup? Homemade mushroom soup (blend cooked mushrooms, cream, and a splash of milk) works, but it's a pain. Baked beans not your thing? Refried beans or lentils add a different texture—just drain them well first. The breadcrumbs are where the magic happens for that crispy top. Panko gives extra crunch, but regular breadcrumbs work too. Short on cheddar? Parmesan or Monterey Jack both play nice. The milk keeps the topping from getting too dry—don't skip it. For extra flavor, add a pinch of garlic powder or onion powder to the breadcrumb mix before topping.

This casserole tastes even better the next day—make it ahead and refrigerate. Reheat covered at 350°F for 20 minutes to revive the crispy top. Leftovers keep 4-5 days in the fridge, or freeze for 3 months. I always double the recipe for holiday gatherings—it disappears fast. For serving, a sprinkle of fresh parsley adds color, but it's totally optional. The crispy top stays crunchy for about 10 minutes after baking, so serve it right away if you can.

❤️

Why You'll Love This Recipe

  • One-Pot Magic: I swear by this recipe because it’s literally one pot—no chopping boards, no extra pans. Just sauté that onion and garlic in butter, dump in the soup and beans, and let the oven do the work. My lazy Sundays thank me every time.
  • Rich & Earthy: The Cream of Mushroom soup adds this deep, umami punch that makes it taste like a fancy stew, not a casserole. That crispy top? It’s the best part—like a little golden hug on every bite.
  • Meal Prep MVP: Between us, this is my go-to for lunches all week. The flavors only get better as it sits, and it reheats like a dream. I make a double batch on Sundays and never run out of easy dinners.
  • Pocketbook Performer: Honestly, it’s a steal. A can of beans, a can of soup, and a few pantry staples? That’s a meal for four for under $5. My college self would’ve cried happy tears over this.

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

Here's how to build that perfect cheesy, creamy bean casserole with a golden, crispy topping every time.

1

Sauté the Onion and Garlic for Flavor

Heat a large skillet over medium heat and melt the 0.5 cup unsalted butter. Add the 1 whole medium yellow onion, diced into small pieces, and cook for 5-6 minutes until softened and translucent. You'll know it's ready when the onion smells sweet and the edges start to turn slightly golden.

Push the onion to the side of the pan and add the 3 cloves minced garlic. Cook for 30 seconds until fragrant—don't let it brown or it'll turn bitter. This step builds the flavor foundation for your casserole, so don't skip it. Once the garlic is ready, transfer everything to a large mixing bowl and set aside.

2

Mix the Creamy Bean Layer

Open the 2 cans Campbell's Cream of Mushroom Soup and the 2 cans Canned Baked Beans, then drain and rinse the beans to remove excess liquid. Add them to the mixing bowl with the sautéed onion and garlic. Stir in the 1.5 cups shredded cheddar cheese, 1 tsp salt, and 0.5 tsp ground black pepper until everything is well combined.

Pour in the 0.25 cup milk and mix again until smooth. The mixture should be thick but still spoonable. If it looks too thick, add a splash more milk to reach the perfect creamy consistency. This layer is what makes the casserole rich and satisfying, so take your time getting it just right.

3

Prepare the Crispy Topping

In a separate bowl, combine the 1.5 cups plain breadcrumbs with the 1 tbsp dried parsley. The parsley adds a fresh touch that balances the richness of the casserole. Mix well to distribute the parsley evenly through the breadcrumbs.

Cut the 0.5 cup unsalted butter into small cubes and fold them into the breadcrumb mixture. The cold butter will melt during baking, creating that irresistible crispy texture on top. If you're using panko breadcrumbs, you'll get even more crunch—just be sure to keep the butter cold until the last minute to prevent it from melting prematurely.

4

Assemble and Bake for the Perfect Texture

Preheat your oven to 375°F. Grease a 9x13-inch baking dish and spread the creamy bean mixture evenly across the bottom. Use a spatula to smooth it out so it cooks uniformly. This is where the magic happens—getting the layer thickness consistent ensures even cooking.

Sprinkle the breadcrumb topping evenly over the bean mixture, pressing down gently with your fingers to help it stick. The goal is to create a continuous layer that will turn golden and crispy during baking. Bake for 25-30 minutes until the top is golden brown and the edges are bubbling. You'll know it's done when the topping looks crispy and the filling is hot throughout.

5

Rest and Serve Warm

Remove the casserole from the oven and let it rest for 10 minutes before serving. This resting period allows the layers to set slightly, making it easier to slice and serve. The crispy topping will stay crunchy if you serve it immediately, but letting it rest just a bit ensures everything holds together nicely.

Cut into squares and serve warm. The contrast of the creamy bean layer with the crispy, cheesy topping is what makes this casserole so irresistible. If you want to add a little extra flair, sprinkle more dried parsley on top before serving—it adds a pop of color and freshness that ties everything together.

👨‍🍳

Pro Tips For Making Campbell'S Bean Casserole

  • Sauté Onions Until Golden: Don’t just chop and dump—cook those onions in butter until they’re soft and golden, about 8-10 minutes. I used to rush this, and the dish always tasted flat; the caramelized onions add depth the soup can’t.
  • Stir in Beans Last: Mix the baked beans into the soup mixture after it’s simmered and thickened. Dumping them in early makes them water down the sauce, and you’ll end up with a mushy, sad casserole.
  • Skip the Raw Garlic: Mince the garlic very finely or even press it into a paste—raw chunks burn fast and leave a bitter bite. My grandmother swore by this, and she was right: it blends in smoothly without overpowering.
  • Bake Covered First: Start the casserole covered with foil for the first 20 minutes. This traps steam, helps the beans soften evenly, and prevents the top from drying out before it’s fully cooked. (Yes, even if you’re impatient like me.)

Wine and beer pairings for this recipe

Red Wine Pairings

A medium-bodied red wine like Pinot Noir is my top choice for this casserole. Its bright acidity and subtle earthiness cut through the richness of the creamy mushroom soup while complementing the smoky notes of the baked beans.

Look for a Willamette Valley or Oregon Pinot Noir—these regions produce wines with enough fruitiness to match the dish’s comfort-food appeal without overpowering it. Serve slightly chilled (around 55°F) to enhance the wine’s freshness against the warm casserole. 🍷

White Wine Pairings

For a lighter option, a Chardonnay with noticeable acidity and minimal oak works beautifully. I recommend a California or New Zealand Chardonnay—these wines have enough body to stand up to the creamy texture while their citrus notes balance the dish’s savory depth.

Avoid overly buttery Chardonnays, as they’ll clash with the crispy topping. A glass at 50°F lets the wine’s brightness shine through the dish’s richness.

Beer Pairings

A hoppy amber ale or American pale ale is a fantastic match for this casserole. The bitterness from hops (like those in Fat Tire or Sierra Nevada Pale Ale) cuts through the creaminess, while the maltiness enhances the caramelized flavors of the baked beans.

For a lighter option, try a wheat beer like Blue Moon—its citrusy notes provide a refreshing contrast. Serve the beer at 45°F to highlight its crispness.

Cider Pairings

Don’t overlook dry hard cider as a pairing—it’s surprisingly versatile with this dish. A crisp, slightly tart cider (like Angry Orchard Dry or Strongbow) balances the richness without competing.

The slight effervescence cleanses the palate between bites, making it a great choice for casual gatherings. Serve at 40°F to keep it refreshing against the warm casserole. 🍏

Non-Alcoholic Options

For those skipping alcohol, a sparkling apple cider (like Martinelli’s Sparkling) or a ginger beer (such as Feather’s) works wonderfully. The carbonation and slight sweetness complement the dish’s creamy and crispy textures without overpowering them.

Chill these drinks to 38°F for the best experience. A splash of lime juice in the ginger beer adds a zesty kick that pairs perfectly with the cheesy topping.

Nutrition facts

Servings 6
Amount Per Serving
Calories 480kcal
% Daily Value *
Total Fat 24g31%
Saturated Fat 15g75%
Cholesterol 70mg23%
Sodium 1020mg44%
Total Carbohydrate 48g17%
Dietary Fiber 8g29%
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 recipe without Campbell's cream of mushroom soup?

Yes, but the texture will differ. For the closest substitute, blend 1 cup cooked mushrooms with 1 cup heavy cream and a splash of milk until smooth. Simmer for 10 minutes to develop flavor, then add to your bean mixture. Avoid watery substitutes—they’ll make your casserole soggy instead of creamy.

2

Why does my topping get soggy instead of crispy?

Soggy topping usually means one of two things: either the butter melted too early (prevent this by keeping it cold until assembly) or the casserole baked too long. Bake for 25-30 minutes at 375°F—check at 25 minutes to avoid overcooking. For extra insurance, broil for 2 minutes at the end to crisp up the top.

3

Can I add protein to this dish?

Cook 1 cup cooked bacon, 1 cup shredded chicken, or 1 cup diced ham until fully done, then stir into the bean mixture. For extra flavor, season the protein with smoked paprika or garlic powder before adding. Just be mindful of moisture—drain well to avoid a watery casserole.

4

How do I reheat leftovers without drying it out?

Cover the casserole with foil and reheat at 350°F for 20 minutes. The foil traps steam to keep the creamy layer moist. For extra crispiness, uncover for the last 5 minutes of reheating. Microwave in 30-second bursts on 50% power if you're short on time—just stir between each interval.

5

What's the best way to serve this casserole?

This dish is perfect as a side for roasted meats or as a main with a simple green salad. For a heartier meal, serve with crusty bread or cornbread. Garnish with fresh parsley or a sprinkle of black pepper right before serving to enhance the flavors.

★★★★★4.8(8 reviews)
Categories Side Dishes