Side Dishes
This Campbell's bean casserole recipe delivers the comforting, cheesy, crispy-topped dish we all grew up loving—but with a modern twist that stands tall in any meal. The secret lies in layering canned beans with a rich, creamy sauce and baking until the cheese topping turns golden and irresistibly crispy.
I've perfected this version over years of testing, ensuring every bite delivers that perfect balance of hearty texture and savory flavor.
The beauty of this dish is its simplicity: just a handful of ingredients come together in a single baking dish, making it ideal for busy weeknights or holiday gatherings. The creamy mushroom sauce blends seamlessly with the beans, while the crispy cheese topping adds that satisfying crunch.
It's the kind of recipe that feels like a warm hug on a chilly evening, yet requires minimal effort to prepare.
By the time it emerges from the oven, you'll have a dish with tender, flavorful beans topped with a golden, crispy cheese crust that's impossible to resist. The aroma alone will have everyone gathering around the table, and the first bite will have them asking for seconds.
This is comfort food at its finest—easy to make but impossible to forget.
Serve it alongside roasted chicken, steak, or even as a hearty vegetarian main. The crispy topping stays firm even when sliced, making it perfect for sharing. Let's get started on this classic with a modern touch!
Ingredients for campbell's bean casserole
Just twelve ingredients transform into that iconic crispy-cheese bean casserole everyone craves.
| Ingredient | Amount | Notes |
|---|---|---|
| Great Northern Beans (Canned) 🥫 | 2 cans | Drained, rinsed, medium size |
| Mushroom Soup (Campbell's Cream of Mushroom) 🍄 | 10 ½ oz | One standard can |
| Yellow Onion 🧅 | 1 whole | Diced, medium size |
| Milk 🥛 | ½ cup | Whole milk preferred |
| All-Purpose Flour 🌾 | 2 tbsp | For thickening sauce |
| Salt 🧂 | 1 tsp | Kosher or sea salt |
| Black Pepper 🌶️ | ½ tsp | Freshly ground preferred |
| Garlic Powder 🧄 | 1 tsp | For savory depth |
| Shredded Cheddar Cheese 🧀 | 2 cups | Sharp cheddar preferred |
| Breadcrumbs 🍞 | ½ cup | Panko for extra crunch |
| Unsalted Butter 🧈 | ¼ cup | Melted for crispy topping |
| Chicken Broth (Optional) 💧 | ½ cup | Low-sodium preferred |
The Campbell's cream of mushroom soup is the foundation—grab the 10.5 oz can (the standard size) from any grocery store aisle. For the onion, yellow works best here, but red adds subtle sweetness if you prefer. The Great Northern beans should be medium-sized—those tiny red beans won't hold their shape as well. I always check the 'best by' date on both the soup and beans, as older cans can make the sauce taste flat. For the cheese, sharp cheddar gives that signature tang, but Monterey Jack melts even better if you're worried about browning.
No Campbell's soup? Homemade mushroom sauce works—sauté 8 oz mushrooms with 2 tbsp butter, 2 tbsp flour, and 1 cup milk. Short on breadcrumbs? Crushed cornflakes make a great crunchy substitute. The butter for the topping needs to be unsalted—adding salt there would overpower everything. For extra richness, stir in 2 tbsp sour cream with the milk. And if you're making this ahead, the optional chicken broth adds depth that really shines after baking.
Store leftovers covered in the fridge for up to 4 days, though I rarely have any—this disappears fast. The crispy topping stays crispy if you reheat it covered at 350°F for 10 minutes, then uncover for 2 minutes to refresh the crunch. For meal prep, assemble the dish but skip baking—it reheats beautifully the next day. The cheese topping can be made ahead and baked separately if you're short on oven space.
Why You'll Love This Recipe
- One-Pot Magic: I swear by this recipe because it’s literally one bowl, one spoon, and done. Drain the beans, mix in the soup, stir in the flour-milk slurry—no chopping, no fuss. The only prep is dicing that onion, and honestly? I often skip even that.
- Creamy Garlicky Bliss: That Campbell’s mushroom soup is the MVP—rich, savory, and packed with umami. The flour-milk roux smooths it out like a dream, giving you that velvety texture with just a hint of crispy edges when baked. My husband licks the pan.
- Weeknight & Meal Prep: Make a double batch on Sunday, and you’ve got lunches for the week. It reheats like a champ—no soggy beans here. Plus, it’s perfect for game day or when friends drop by unexpectedly. Not the prettiest, but the taste makes up for it.
- Budget-Friendly Staple: Canned beans, a can of soup, milk, and flour? This feeds four for under $5. I’ll be real: it’s my go-to when I’m broke but still want to feel like I’m cooking. The leftovers taste just as good the next day, too.
Step-by-step instructions for Campbell's bean casserole
Here's how to assemble this comforting classic with a golden, crispy topping that holds its shape.
Prepare the Bean Mixture
Drain and rinse the 2 cans of Great Northern Beans thoroughly under cold water to remove excess starch. Transfer them to a large mixing bowl and mash about half of them lightly with a potato masher or fork—just enough to break them down slightly while leaving some texture. This creates a thick, hearty base for your casserole.
In a separate small bowl, whisk together the 0.5 cup milk, 2 tablespoons all-purpose flour, 1 teaspoon salt, 0.5 teaspoon black pepper, and 1 teaspoon garlic powder until smooth. This creates a simple slurry that will help thicken your sauce. Pour this mixture over the beans and stir well to combine. The beans will begin to absorb the liquid immediately, creating a thick, creamy consistency.
Combine with Soup and Onion
In a medium saucepan, heat the 10.5 ounces Campbell's Cream of Mushroom Soup over medium heat until warmed through, stirring occasionally. If using the optional 0.5 cup chicken broth, add it now and stir to combine. Remove the pan from heat and stir in the diced 1 whole yellow onion. Let it sit for 5 minutes while you prepare the next components.
Pour the warmed soup mixture into the bean bowl and stir everything together thoroughly. You want a smooth, well-combined filling that coats the back of a spoon. This is your base layer, so take your time ensuring all ingredients are evenly distributed. The mixture should be thick enough to hold its shape when spooned into the baking dish.
Assemble the Casserole
Preheat your oven to 350°F. Grease a 2-quart baking dish or similar size with nonstick spray or a thin layer of melted butter to prevent sticking. Spread the bean mixture evenly into the prepared dish, using a spatula to create an even layer about 1 inch thick. This even distribution ensures even cooking and a consistent texture throughout.
Sprinkle 1 cup of the shredded cheddar cheese evenly over the top of the bean mixture. Then, in a small bowl, combine the 0.5 cup breadcrumbs with the remaining 1 cup shredded cheddar cheese. Sprinkle this mixture evenly over the top layer, creating a thick, even topping that will become crispy during baking. This cheese-breadcrumb topping is what delivers that signature crispy texture we're after.
Create the Crispy Topping
In a small saucepan, melt the 0.25 cup unsalted butter over low heat. Once fully melted, remove from heat and stir in the remaining 1 cup shredded cheddar cheese until completely melted and smooth. Pour this melted butter-cheese mixture evenly over the top of the casserole, spreading it to the edges with a spatula. This step is crucial for achieving that golden, crispy crust we want.
The melted butter will bubble slightly as it hits the hot casserole. Immediately sprinkle the remaining breadcrumbs evenly over the top, pressing down gently with the back of a spoon to help them adhere. This creates a thick, breadcrumb crust that will become beautifully golden and crispy during baking. Place the casserole on a baking sheet to catch any potential drips.
Bake to Golden Perfection
Bake the casserole in the preheated 350°F oven for 40-45 minutes, or until the top is golden brown and the filling is bubbling around the edges. The breadcrumb topping should be crispy enough that it holds its shape when you lift a corner gently with a spatula. If it browns too quickly before the filling is fully heated through, tent loosely with aluminum foil for the last 10 minutes of baking.
Remove from the oven and let the casserole rest for 5-10 minutes before serving. This resting period allows the filling to set slightly and makes it easier to cut clean slices. Serve immediately with your favorite green vegetable or crusty bread. The contrast between the creamy bean filling and crispy breadcrumb topping makes this dish irresistibly comforting.
Pro Tips For Making Campbell'S Bean Casserole
- Drain and Rinse Beans: The canned beans you pull straight from the shelf are swimming in salt—way more than the recipe needs. Dump them in a colander, give them a quick rinse under cold water, and shake off the excess. I learned this the hard way when my first batch tasted like a salt lick, no matter how much milk I added.
- Sauté Onion Until Soft: Don’t just chop and dump the onion into the soup. Cook it in a little butter or oil over medium heat until it’s translucent and just starting to caramelize—about 5 minutes. This builds flavor that’ll carry through the whole dish, and it prevents that raw onion bite that ruins the creamy texture.
- Skip the Cold Milk: Warm the milk slightly before mixing it into the soup—just enough to take the chill off (think lukewarm, not hot). Cold milk makes the roux (flour + soup) seize up and turn grainy. I was skeptical until I tried it, and now I swear by it for a silky-smooth sauce every time.
- Bake Until Bubbly: Don’t pull the casserole out of the oven the second it looks set. Let it bake until the top is golden and the edges are bubbling—about 10-15 minutes past the recipe’s suggested time. This ensures the flour-butter topping crisps up properly and the filling gets fully heated through, not just warmed. Overcooking? Not here.
Perfect pairings for these flavors
Classic Side Dishes
Serve this cheesy bean casserole alongside roasted green beans tossed with lemon zest and toasted almonds—the bright acidity cuts through the richness beautifully. I like to roast them at 425°F for 15 minutes with 1 tablespoon olive oil and ½ teaspoon salt for a crisp-tender finish. 🥗
Hearty Main Pairings
Pair with garlic butter roasted chicken thighs—their crispy skin contrasts perfectly with the creamy casserole. Marinate the chicken in 2 tablespoons melted butter, 1 teaspoon garlic powder, and ½ teaspoon smoked paprika for 30 minutes before roasting at 400°F for 35 minutes.
The smoky notes complement the casserole’s cheesy topping.
Crusty Bread Options
A warm, crusty baguette or sourdough loaf is essential for soaking up any extra sauce. Toast slices in the oven for 5 minutes at 375°F with 1 tablespoon garlic-infused olive oil—the extra crunch elevates the meal.
For a fun twist, try cheddar jalapeño cornbread made with ½ cup cornmeal and ½ teaspoon cayenne.
Vegetable Sides
Add creamy coleslaw with a tangy apple cider vinegar dressing to balance the richness. Mix 2 cups shredded cabbage, ½ cup mayonnaise, 2 tablespoons apple cider vinegar, and 1 teaspoon Dijon mustard.
For a lighter option, roasted Brussels sprouts with balsamic glaze add a sweet-tart contrast. Toss halved sprouts with 1 tablespoon olive oil, ½ teaspoon salt, and roast at 400°F for 20 minutes.
Dessert Pairings
End the meal with classic apple crisp—the warm spices like cinnamon and nutmeg in the topping mirror the casserole’s savory notes. Use 2 cups mixed apples, ½ cup rolled oats, and 3 tablespoons brown sugar baked at 350°F for 25 minutes.
Serve with vanilla ice cream for a cozy finish. 🍏
Beverage Recommendations
A bold red wine like Cabernet Sauvignon or Merlot pairs beautifully with the dish’s creamy, cheesy flavors. For beer lovers, a hoppy IPA or amber ale cuts through the richness. Sparkling apple cider is a refreshing non-alcoholic option, especially for families. 🍷
Nutrition facts
Frequently asked questions
Can I make this bean casserole ahead of time?
Assemble the dish completely (including the cheese-breadcrumb topping) and refrigerate it for up to 24 hours before baking. When ready, bake at 350°F for 50-55 minutes—the extra time accounts for the cold start. For best results, let it rest 10 minutes before serving to help the topping crisp up properly.
What can I substitute if I don't have Campbell's Cream of Mushroom Soup?
No problem! Make a quick homemade version by sautéing 8 oz mushrooms with 2 tbsp butter and 2 tbsp flour until golden. Add 1 cup milk and simmer until thickened. For extra flavor, stir in 1 tsp garlic powder and ½ tsp onion powder before using in place of the soup.
Why did my casserole topping get soggy instead of crispy?
Soggy topping usually means one of two things: either the breadcrumbs weren't pressed down firmly enough, or the casserole wasn't baked long enough. For next time, press the breadcrumbs gently with the back of a spoon and bake 5-10 minutes longer at 375°F (covered with foil) to dry out any moisture. Also ensure your baking dish isn't too large—aim for a 2-quart size for best results.
Can I use different types of beans in this recipe?
While Great Northern beans work best for their texture, you can experiment with kidney beans or pinto beans for a different flavor profile. Drain and rinse them thoroughly, but avoid using tiny beans like black beans—they'll break down too much during baking. For a heartier version, try adding ½ cup cooked bacon bits to the bean mixture.
How do I reheat leftovers without losing the crispy topping?
Cover the casserole with foil and reheat at 350°F for 10 minutes, then remove the foil and broil for 2-3 minutes to restore crispiness. For microwave reheating, cover with a damp paper towel and heat in 30-second intervals until warm, then finish under the broiler for 1 minute to crisp the top. This two-step method works wonders!
