Side Dishes
This baked beans and cheese recipe transforms humble ingredients into a hearty casserole with a crispy golden crust and gooey cheese center—perfect for feeding a crowd or elevating a simple meal.
The secret lies in layering canned beans with a rich tomato sauce, then crowning it with a buttery cheese topping that browns beautifully in the oven. I developed this recipe after years of testing, and it never fails to disappear from the table.
What makes this dish special is its effortless balance of textures: tender beans, creamy sauce, and that irresistible crispy top that begs to be broken into. The slow baking process (about 45 minutes) allows flavors to meld while ensuring the cheese reaches that perfect golden-brown stage.
This isn’t just a side dish—it’s a satisfying main that pairs beautifully with grilled meats, crusty bread, or even on its own. The best part? This recipe is incredibly adaptable.
Swap in black beans for extra richness, add diced bacon for smoky depth, or sprinkle with green onions before baking for freshness. The cheese topping can be customized too—cheddar for sharpness, Monterey Jack for creaminess, or even a vegan cheese blend for plant-based versions.
Every bite delivers comfort food at its finest, with minimal effort. Whether you're prepping for game day, meal prepping for the week, or just craving a hands-off dinner, this casserole delivers. Let’s get started—your taste buds will thank you.
Ingredients for baked beans and cheese
Sixteen ingredients that transform into a showstopping casserole with crispy perfection.
| Ingredient | Amount | Notes |
|---|---|---|
| Canned Navy Beans 🫘 | 2 cans | 15 oz each, drained and rinsed |
| Canned Black Beans 🫘 | 1 can | 15 oz, drained and rinsed |
| Tomato Sauce 🍅 | 2 cups | High-quality jarred or homemade |
| Yellow Onion 🧅 | 1 whole | Diced, about 1 cup |
| Garlic Cloves 🧄 | 4 cloves | Minced, for depth of flavor |
| Kosher Salt 🧂 | 1 ½ tsp | Diamond Crystal preferred |
| Ground Black Pepper 🌶️ | ½ tsp | Freshly ground for best flavor |
| Smoked Paprika 🌶️ | 1 tsp | For subtle smoky richness |
| Brown Sugar 🍯 | 2 tbsp | Light or dark, for balance |
| Mustard 🍯 | 1 tbsp | Dijon preferred for tang |
| Unsalted Butter 🧈 | ½ cup | Cold, cubed for crispy topping |
| Shredded Sharp Cheddar Cheese 🧀 | 2 cups | Freshly grated for best melt |
| Breadcrumbs 🍞 | ½ cup | Panko for extra crunch |
| Green Onions 🧅 | 3 whole | Sliced, for fresh garnish |
| Fresh Parsley 🌿 | ¼ cup | Chopped, for vibrant finish |
The beans are the heart of this dish, so don’t skimp on quality. I always opt for Bush’s canned beans—they hold their shape beautifully and have that rich, meaty texture. Black beans add depth, but navy beans keep the classic vibe. For the tomato sauce, Rao’s or Muir Glen are my go-tos—no funny additives, just pure flavor. The onion and garlic should be diced small and evenly, so they dissolve into the sauce rather than staying chunky. Freshly minced garlic makes all the difference here—skip the jarred stuff, trust me. The smoked paprika is where the magic happens; grab the Penzeys brand if you can—it’s worth the splurge for that authentic smoky kick.
No black beans? Double up on navy beans—they’re just as hearty. Short on tomato sauce? A splash of canned diced tomatoes plus a pinch of sugar will save you. The mustard is non-negotiable for that tangy depth, but if you’re out, a dash of apple cider vinegar works in a pinch. For the cheese topping, Monterey Jack melts more smoothly if you’re worried about clumping, but cheddar delivers that classic sharpness. The butter should be cold when you mix it with breadcrumbs—this ensures that crispy, golden crust. And if you’re feeling fancy, swap the parsley for chives or cilantro for a different twist.
This casserole tastes even better the next day—make it ahead and bake fresh when you’re ready. Store leftovers in an airtight container for up to 5 days, or freeze portions for 3 months. The cheese topping reheats beautifully, so pop it in the oven at 350°F for 10-15 minutes to restore that crispy texture. For meal prep, assemble the dish in a greased baking dish, cover with foil, and refrigerate. Bake straight from the fridge—add 10 minutes to the cooking time. Trust me, the extra effort is worth it for that irresistible crunch.
Why You'll Love This Recipe
- One-Pot Magic: I swear by this recipe when I’m too tired to wash dishes—just dump the beans, sauce, and onions in one pan, add cheese on top, and let the oven do the work. No chopping, no fuss, just hands-off comfort.
- Cheesy Garlic Crunch: That moment when the melted cheese meets the caramelized onions and garlic? Pure satisfaction. The navy and black beans soak up all the rich tomato-garlic sauce while the cheese turns golden—like a hug in bowl form.
- Lunchbox Hero: Between us, this is my go-to for meal prep. I bake a big batch on Sunday, portion it into containers, and boom—easy lunches all week. Kids love the cheesy bits, and it stays fresh for days without getting soggy.
- Budget-Friendly Feast: A can of beans, a jar of sauce, and a block of cheese? This feeds four for under $10. Honestly, it’s my secret weapon for stretching groceries without sacrificing flavor—especially when I’m pinching pennies but still want something hearty.
Step-by-step instructions for baked beans and cheese casserole
This method delivers a rich, smoky bean casserole with a golden, crispy cheese crust you'll crave.
Sauté Aromatics for Maximum Flavor
Heat a large skillet over medium heat and add the diced yellow onion. Cook for 5-6 minutes until soft and translucent, stirring occasionally. The onions should release their sweetness without browning—this prevents bitterness in the final dish.
Add the minced garlic cloves and cook for another 30 seconds until fragrant. You'll know it's ready when the kitchen smells like fresh garlic—this is when the aroma compounds develop fully. Immediately transfer the onion-garlic mixture to a large mixing bowl to prevent burning.
Combine All Bean Ingredients
In the same mixing bowl, add the drained navy beans, drained black beans, 2 cups tomato sauce, 1.5 teaspoons kosher salt, 0.5 teaspoon ground black pepper, 1 teaspoon smoked paprika, 2 tablespoons brown sugar, and 1 tablespoon mustard. Stir everything together until well combined and the beans are evenly coated in the sauce.
This is where the magic happens—the smoked paprika adds depth, the brown sugar balances acidity, and the mustard provides that tangy kick that makes this dish unforgettable. Let the mixture sit for 5 minutes while you prepare the baking dish.
Assemble and Bake the Casserole
Preheat your oven to 375°F. Transfer the bean mixture to a greased 9x13-inch baking dish. Spread it evenly so the top is smooth—this ensures even baking and that perfect crispy crust. Sprinkle the sliced green onions evenly over the top for freshness.
Cover the baking dish tightly with aluminum foil and bake for 30 minutes. This initial covered baking allows the flavors to meld without the cheese burning. After 30 minutes, remove the foil and continue baking for another 10 minutes to start setting up the cheese layer.
Create the Crispy Cheese Topping
Reduce the oven temperature to 350°F. In a small bowl, combine the 0.5 cup cold cubed unsalted butter, 2 cups shredded sharp cheddar cheese, and 0.5 cup breadcrumbs. Sprinkle this mixture evenly over the baked beans, pressing down gently with a spatula to help it adhere.
Return the casserole to the oven and bake for 15-20 minutes until the cheese is golden brown and bubbly. The breadcrumbs should be crispy to the touch—this is your crispy-topped promise fulfilled. Watch closely during the last 5 minutes to prevent over-browning.
Rest and Garnish for Perfect Texture
Remove the casserole from the oven and let it rest for 10 minutes. This resting period allows the cheese to set slightly and makes it easier to serve without losing that perfect crispy crust. While it rests, chop the 0.25 cup fresh parsley and sprinkle it evenly over the top for vibrant color and freshness.
Serve immediately with warm crusty bread or cornbread to soak up every bit of that rich, smoky bean sauce. The contrast of the crispy cheese topping with the creamy beans creates a texture experience you'll want to repeat again and again.
Pro Tips For Making Baked Beans And Cheese
- Sauté Onions Low and Slow: I used to rush this step and end up with bitter, watery onions—don’t. Cook them over medium-low heat until they’re translucent and just starting to caramelize (about 10 minutes). That sweetness is the foundation of the dish, and skipping this makes everything taste flat.
- Drain and Rinse Beans First: Canned beans are packed in saltwater, which can make your baked beans taste bland or overly salty. Drain them, then rinse under cold water for 30 seconds—this also removes any gummy starch that’ll make your dish gluey.
- Add Cheese Late: If you mix cheese in too early, it’ll turn greasy and stringy by the end. Stir it in only during the last 5 minutes of baking, then let it melt under the broiler for 2-3 minutes if you want that perfect golden crust.
- Use a Splatter Screen: Tomato sauce and onions are a messy combo—especially when you’re sautéing garlic. Pop a splatter screen over the pan for the first 5 minutes, and you’ll save your counters (and your patience) from a sticky cleanup.
Serving suggestions for leftovers
Bread Pairings
Serve this casserole with crusty sourdough or French baguette for dipping—those air pockets soak up the rich bean sauce perfectly. I love toasting the bread first so it stays crispy even after absorbing all that delicious sauce.
For a Southern twist, cornbread adds a sweet contrast that balances the smoky beans. 🍞
If you want something heartier, try cheesy garlic bread—the extra cheese complements the casserole’s topping beautifully. For a gluten-free option, rosemary focaccia or cauliflower crust bread work surprisingly well. Just be sure to serve it warm for the best experience.
Protein Additions
Turn this into a full meal by adding crispy bacon or smoked sausage on top before baking. The smoky flavors meld perfectly with the beans, and the bacon adds a salty crunch that cuts through the richness. I recommend thick-cut applewood-smoked bacon for the best texture. 🥓
For a lighter option, grilled chicken breast or pulled pork on the side keeps the dish balanced. If you’re vegetarian, crispy tofu cubes or mushrooms add satisfying texture. Just
Topping Upgrades
Before serving, sprinkle crumbled blue cheese or feta over the top for a tangy contrast. The sharpness cuts through the richness of the cheese sauce beautifully. I also love adding crispy fried shallots for a gourmet touch that adds crunch and depth. 🧀
For extra heat, drizzle with spicy brown sugar glaze (mix 2 tbsp molasses with 1 tsp cayenne pepper) or sriracha mayo. A sprinkle of toasted sesame seeds or crushed red pepper flakes adds unexpected but delicious complexity.
Save these toppings for serving—adding them earlier can make the cheese soggy.
Side Dish Harmony
Pair with creamy coleslaw for a refreshing crunch that balances the richness. I like using apple cider vinegar in the dressing to complement the smoky beans. Roasted Brussels sprouts with balsamic glaze also make a great side—their caramelized edges contrast perfectly with the creamy casserole. 🥬
For a classic comfort combo, serve with mashed potatoes or mac and cheese. The creamy textures of both sides enhance the casserole’s flavors without overpowering it. If you want something lighter, a simple green salad with lemon vinaigrette cleanses the palate between bites.
Nutrition facts
Frequently asked questions
Can I make this recipe without canned beans?
Use 1.5 cups of cooked dried beans (navy or black) in place of the canned version. Soak them overnight, then simmer until tender (1-2 hours) before mixing with the sauce. The texture will be slightly firmer but still delicious. For extra flavor, add a pinch of baking soda to the soaking water to soften them faster.
Why did my cheese topping get soggy instead of crispy?
Soggy cheese usually means the butter melted too quickly or the oven wasn't hot enough. Always use cold butter and bake at 350°F—never higher. For extra insurance, sprinkle breadcrumbs on top before adding the cheese mixture. If it still happens, try baking the topping separately for 3-5 minutes before placing it on the beans.
Can I make this vegetarian or vegan?
For vegetarian, use vegetarian cheese and skip the bacon. For fully vegan, swap the cheese for nutritional yeast or vegan cheese shreds, and use olive oil instead of butter. The beans still provide plenty of protein—just add smoked paprika and liquid smoke for that classic flavor. The texture will be slightly different but still satisfying!
How do I reheat leftovers without drying out the cheese?
Reheat covered in the oven at 350°F for 15-20 minutes—this keeps the cheese creamy. For microwave reheating, cover with a damp paper towel and heat in 30-second bursts until warm. To restore crispiness, broil for 2-3 minutes after reheating. Never microwave uncovered, or the cheese will turn rubbery.
What's the best cheese for this recipe?
Sharp cheddar gives the classic flavor, but Monterey Jack melts more smoothly. For extra richness, mix cheddar with pepper jack or add a sprinkle of Parmesan for umami depth. Avoid pre-shredded cheese—it contains anti-caking agents that prevent proper melting. Always grate your own for that gooey perfection!