Vegetarian Baked Bean Casserole
A hearty, comforting casserole loaded with tender navy beans in a smoky-sweet tomato sauce, topped with golden, bubbly cheese and a crispy breadcrumb crust. This one-dish wonder comes together quickly and bakes into a crowd-pleasing meal that tastes like it simmered all day.
For 4 servings
- prep
Soak the beans overnight.
Rinse dried navy beans and place them in a large bowl. Cover with plenty of cold water by at least 2 inches. Let soak at room temperature for 8 hours or overnight. Drain and rinse before cooking.
TIPFor a quick soak, cover beans with boiling water and let stand 1 hour instead. - boil · ~40 min
Cook the beans until tender.
Transfer soaked beans to a large pot. Add 4 cups fresh water and 0.25 tsp salt. Bring to a rolling boil, then reduce heat to a gentle simmer. Cook uncovered until beans are tender but not mushy, about 30 to 40 minutes. Drain, reserving 0.5 cup of the cooking liquid.
TIPDo not add acidic ingredients before beans are tender — it toughens their skins. - prep
Preheat oven and grease the baking dish.
Preheat oven to 375°F (190°C). Lightly grease an 8x8 inch baking dish with oil or butter.
- saute · ~7 min
Saute the aromatic vegetables.
1.Heat 1 tbsp oil in a skillet over medium heat.2.Add chopped onion and diced bell pepper. Cook until softened and onion is translucent, 5 to 7 minutes.3.Add minced garlic and a pinch of smoked paprika. Saute until fragrant, 30 seconds.TIPUse medium heat so the garlic doesn't burn and turn bitter. - mix · ~3 min
Build the sauce and combine with beans.
Stir tomato paste, molasses, brown sugar, apple cider vinegar, and mustard powder into the skillet. Add a pinch each of salt and black pepper. Pour in 0.5 cup reserved bean cooking liquid and stir until smooth. Fold in the cooked beans and let everything warm through for 2 minutes.
TIPTaste the sauce before adding beans — adjust molasses for sweetness or vinegar for tang. - assemble
Assemble the casserole.
Transfer the bean mixture into the greased baking dish and spread it evenly. Sprinkle shredded cheddar cheese over the top.
- mix
Prepare the crispy topping.
In a small mixing bowl, combine the breadcrumbs with 1 tsp melted butter. Toss until the crumbs are evenly coated. Scatter this mixture over the cheese layer.
- bake · ~25 min
Bake until golden and bubbling.
Place the dish on the middle rack of the preheated oven. Bake uncovered for 20 to 25 minutes, until the cheese is melted and bubbly and the breadcrumb topping is golden brown.
TIPIf the top browns too quickly, tent loosely with foil for the last 5 minutes. - rest · ~10 min
Cool briefly before serving.
Remove from oven and let the casserole rest for 5 to 10 minutes. This allows it to firm up and makes serving easier. Scoop into bowls and serve warm.
TIPServe with crusty bread or a simple green salad on the side.
What to keep in mind.
6 tips from the recipe — small details that make a real difference to the final dish.
- 1Reserve the bean cooking liquid — it's full of starch and flavor, perfect for thickening the sauce.
- 2Do not add salt or acidic ingredients (like tomato paste or vinegar) to the beans until after they are tender, or they will stay firm.
- 3Taste the sauce before adding the beans and adjust molasses or vinegar to balance sweet and tangy to your liking.
- 4For a deeper smoky flavor, cook the onions and bell pepper until they just start to brown at the edges.
- 5Let the casserole rest for 5–10 minutes after baking so the sauce thickens and the casserole holds its shape when served.
- 6Store leftovers in an airtight container in the fridge for up to 4 days — the flavors meld and taste even better the next day.
Adapt it for your goals.
Vegan
Replace the cheddar cheese with a vegan shredded cheese or a nutritional yeast breadcrumb topping, and use olive oil or vegan butter for the crumbs. The beans and sauce are already plant-based.
Gluten FreeGluten-Free
Use gluten-free breadcrumbs (or crushed gluten-free crackers) for the topping. The rest of the casserole is naturally gluten-free.
Spicy KickSpicy Kick
Add 1 finely diced jalapeño with the onions and bell pepper, and stir in 1/2 tsp cayenne pepper or chipotle powder with the smoked paprika for a warm, smoky heat.
Extra VeggieExtra Veggie
Stir in 1 cup of diced carrots or corn kernels with the beans for added sweetness, color, and texture.
No Cheese ToppingNo-Cheese Topping
Omit the cheese and double the breadcrumb mixture (mixed with 2 tsp melted butter or oil) for a crunchy, golden crust that’s still satisfying and lower in fat.
Why this is on our healthy list.
High in Plant-Based Fiber
Navy beans are an excellent source of dietary fiber, which supports digestive health and helps maintain steady energy levels.
Rich in Plant Protein
This casserole provides a hearty amount of protein from the navy beans, making it a satisfying meatless main dish.
Low in Saturated Fat
Using a modest amount of cheese and butter keeps the saturated fat content moderate while still delivering rich flavor.
Source of Iron and Folate
Navy beans are naturally rich in iron and folate, essential for red blood cell production and overall vitality.
Frequently asked questions
Yes. Use 2 cans (15 oz each) of navy beans, drained and rinsed. Reduce the sauce water to 1/4 cup, and skip the bean cooking step entirely.
