Baked Bean Recipe Using Canned Navy Beans: Smoky-Sweet Crunch With Toasted Tortilla Topping

This baked bean recipe using canned navy beans transforms humble pantry staples into a restaurant-worthy side dish with deep, smoky-sweet flavors and a crispy tortilla crunch topping. The secret lies in balancing molasses and tomato paste for rich depth while letting spices like mustard and thyme develop during baking.

I've perfected this version to deliver maximum flavor with minimal effort—ideal for vegetarian meals or hearty gatherings.

What sets this recipe apart is the two-stage cooking process: simmering the beans with spices until thickened, then baking until caramelized and topped with crispy tortilla strips.

The molasses adds a subtle sweetness that pairs beautifully with the tangy tomato base, while smoked paprika brings that coveted smoky depth without overpowering. It's the kind of dish that tastes even better the next day as flavors meld.

By using canned navy beans, you skip the soaking and pre-cooking steps without sacrificing texture or flavor—the beans hold their shape while absorbing all those rich, savory spices. The tortilla topping adds a satisfying crunch that contrasts perfectly with the creamy bean mixture underneath.

This recipe delivers restaurant-quality results with just one baking dish and 30 minutes of active time.

Perfect as a standalone vegetarian main or alongside grilled meats, this baked bean recipe proves that simple ingredients can create extraordinary flavor when combined thoughtfully. The molasses-tomato base builds complexity, while the crispy tortilla topping adds texture that keeps every bite interesting. Let's get baking!

Ingredients for baked bean recipe using canned navy beans

Sixteen ingredients combine for a vegetarian baked bean masterpiece with smoky-sweet depth and crispy crunch.

The canned navy beans are the foundation—low-sodium brands like Libby's work best to avoid excess salt. Molasses should be unsulphured for authentic flavor, and smoked paprika from Penzeys delivers that coveted smoky depth without overpowering. Fresh thyme is ideal, but dried thyme at one-third the amount works perfectly. For the tortilla topping, Mission brand corn tortillas toast beautifully and provide that satisfying crunch. The tomato paste should be smooth, not chunky—Rao's is a reliable choice for quality.

No molasses? Maple syrup at half the quantity works in a pinch, though it lacks the depth. Substitute dried thyme with fresh at three times the amount for vibrant flavor. Vegetable broth can be swapped for water if needed, though it adds minimal savory depth. For the tortilla topping, flour tortillas can replace corn, but they won't toast as crisply. Olive oil is non-negotiable for toasting—extra-virgin ensures a rich, fruity flavor that complements the smoky-sweet bean mixture.

Store the tomato paste in an airtight container for up to 18 months, while molasses keeps indefinitely. Tortillas should be refrigerated after opening and used within 2 weeks. The vegetable broth freezes well for up to 6 months, making it ideal for stocking your pantry. Once baked, the dish reheats beautifully—350°F for 15 minutes restores that crispy tortilla topping perfectly. Portion into containers for 4-5 days of leftovers, or freeze for 3 months for meal prep convenience.

Step-by-step instructions for smoky-sweet baked beans with crispy tortilla topping

This method delivers deep smoky flavor and a satisfying crunch from toasted tortilla strips.

In a large, heavy skillet set over medium heat, add the 3 cups drained and rinsed canned navy beans, 0.5 cup tomato paste, 0.25 cup molasses, 2 tablespoons yellow mustard, 1 tablespoon smoked paprika, 1 teaspoon dried thyme, 1 teaspoon garlic powder, 1 teaspoon onion powder, 1.5 teaspoons kosher salt, and 0.5 teaspoon black pepper. Stir vigorously for 3-4 minutes until the mixture begins to thicken and the spices are fully incorporated.

Here's the thing—molasses is sticky, so keep stirring constantly to prevent burning. You'll notice the mixture darken slightly as the spices bloom and the flavors meld. The beans will start to soften and release their starchy interior, creating a thick, glossy base. This initial cooking ensures even distribution of all ingredients before they go into the oven.

Pour in the 1 cup vegetable broth and scrape up any browned bits from the bottom of the skillet using a wooden spoon. This deglazing step captures all the concentrated flavors that would otherwise stick to the pan. Bring the mixture to a gentle simmer, then reduce heat to low and let it cook uncovered for 10 minutes, stirring occasionally.

You're looking for the beans to begin breaking down slightly and the sauce to thicken into a consistency that coats the back of a spoon. If it looks too thick before the 10 minutes are up, add 1-2 tablespoons of water to loosen it. The goal is a smooth, spreadable texture that will hold its shape when baked later. This simmering step develops the rich, caramelized foundation for your beans.

Preheat your oven to 350°F. Transfer the bean mixture to a 9x13-inch baking dish, spreading it evenly in a single layer. The dish should be filled about ¾ full—this allows room for the beans to thicken and develop a crusty top. Cover the baking dish tightly with aluminum foil and bake for 1 hour.

After the initial hour, remove the foil and continue baking for another 30-45 minutes until the sauce has thickened significantly and the top shows signs of browning. You'll know it's ready when the beans are tender and the sauce has reduced to a rich, glossy consistency that clings to the back of a spoon. The beans should be fork-tender but still hold their shape slightly. This baking time ensures the flavors meld completely while developing that satisfying baked texture.

While the beans bake, cut the 6 whole corn tortillas into ¼-inch thick strips—about 12 strips per tortilla. Heat 2 tablespoons olive oil in a large skillet over medium-high heat until shimmering. Add the tortilla strips in a single layer and toast for 2-3 minutes per batch, stirring frequently, until they're deep golden brown and crispy. Remove and drain on paper towels, then set aside.

This toasting step is crucial for achieving that satisfying crunch. The tortillas should be golden and slightly charred in spots, with a crisp texture that contrasts beautifully with the creamy beans. If they brown too quickly, reduce the heat slightly to prevent burning. Keep the cooked strips warm in a 200°F oven while you finish the beans to maintain their crispness.

Once the beans are fully baked and thickened, let them rest for 10 minutes at room temperature. This resting period allows the flavors to settle and the sauce to thicken further. Taste and adjust seasoning if needed—you might want to add a pinch more salt or a splash of broth if the sauce is too thick.

To serve, spoon the beans onto plates and immediately top with the toasted tortilla strips. The contrast of the warm, creamy beans with the crispy tortilla topping creates a perfect balance of textures. Serve with cornbread or crusty bread to soak up any extra sauce. The beans should be rich, smoky, and slightly sweet with a satisfying bite from the tortilla strips—each component working together to create a truly memorable dish.

Health benefits of this recipe

Fiber-Rich Foundation

Navy beans are a fiber powerhouse, with 3 cups providing a whopping 24 grams of dietary fiber—that's 96% of your daily needs in one serving!

This recipe delivers soluble fiber from the beans and insoluble fiber from the corn tortilla topping, promoting healthy digestion and keeping you full for hours. The molasses adds a touch of sweetness while contributing small amounts of magnesium and calcium to support bone health. 💪

Plant-Based Protein

With 3 cups of navy beans, you're getting 45 grams of plant-based protein, making this dish perfect for vegetarians or anyone looking to reduce meat consumption.

The combination of beans and tortillas creates a complete protein profile when paired with rice or corn, providing all essential amino acids your body needs. This recipe is especially great for post-workout meals or as a hearty vegetarian main dish. 🌱

Blood Sugar Balance

The molasses and tomato paste in this recipe create a low-glycemic index dish that won't spike blood sugar levels. The fiber content from the beans slows digestion, helping stabilize blood glucose—ideal for anyone managing diabetes or insulin resistance.

The smoked paprika and spices also add antioxidant benefits without adding empty carbs. Honestly, this is one of those dishes that feels indulgent but actually supports balanced blood sugar. 🌡️

Antioxidant Boost

The smoked paprika and tomato paste provide lycopene and capsaicin, powerful antioxidants that combat inflammation and oxidative stress. The thyme and garlic powder add flavonoids and allicin, which support heart health and immune function.

Even the corn tortillas contribute lutein and zeaxanthin, antioxidants that benefit eye health. Every bite packs a nutritional punch beyond just flavor. ✨

Meal Prep Friendly

This recipe stores beautifully in the refrigerator for 4-5 days or freezes for 3 months, making it perfect for batch cooking. The fiber and protein content keep you satisfied during busy weeks, while the balanced macronutrients make it ideal for weight management.

The crispy tortilla topping can be reheated separately to maintain its crunch, ensuring every bite stays exciting. 📅

Vegetarian Superfood

As a vegetarian dish, this recipe delivers iron from the beans (about 15% daily value per serving) and vitamin C from the tomato paste to enhance iron absorption. The molasses adds folate, supporting cell growth and energy metabolism.

Even the olive oil used for toasting provides heart-healthy monounsaturated fats. It's a nutrient-dense dish that proves vegetarian meals can be just as satisfying as meat-based ones. 💛

Frequently asked questions