Baked Bean Recipe Using Canned Navy Beans: Smoky Sweetness With Crispy Tortilla Topping

Side Dishes

Baked Bean Recipe Using Canned Navy Beans: Smoky Sweetness With Crispy Tortilla Topping

A baked bean recipe using canned navy beans transforms humble pantry staples into a hearty, smoky side dish that steals every meal. The secret lies in slow simmering the beans with warm spices and brown sugar until they develop deep, caramelized sweetness—no soaking or pre-cooking required.

This vegetarian-friendly version delivers restaurant-quality texture and flavor with minimal effort, perfect for weeknight dinners or holiday tables.

The magic happens in the oven, where the beans thicken into a velvety consistency while the crispy tortilla topping adds satisfying crunch. I developed this recipe after realizing how often canned beans get overlooked—this method proves they can be just as impressive as their dried counterparts.

The combination of molasses, mustard, and smoked paprika creates layers of complexity that elevate simple beans into something memorable.

What you’ll end up with is a dish that’s rich, slightly sweet, and packed with smoky depth, topped with golden, shatteringly crispy tortilla strips. The beans hold their shape beautifully while absorbing all the savory-sweet seasonings, making each bite satisfyingly hearty.

This recipe works equally well in a slow cooker for hands-off cooking or on the stovetop for quicker results.

Serve alongside grilled meats, roasted vegetables, or even as a standalone vegetarian main with crusty bread. The crispy topping adds a textural contrast that makes every spoonful irresistible. Here’s how to make it—simple steps for maximum flavor impact.

👨‍🍳
Difficulty
Medium
🔥
Calories
Med Cal

Ingredients for baked bean recipe using canned navy beans

Transform humble canned navy beans into restaurant-quality baked beans with smoky-sweet depth and crispy tortilla contrast.

Ingredient Amount Notes
Canned Navy Beans 🥫 2 cans Drained, rinsed, no salt added preferred
Unsalted Butter 🧈 2 tbsp For sauteing aromatics, full-fat preferred
Yellow Onion 🧅 1 whole Medium, diced small for even cooking
Garlic Cloves 🧄 3 cloves Minced for aromatic depth
Molasses 🍯 ¼ cup Unsulphured for authentic flavor
Light Brown Sugar 🍚 ½ cup Packed for accurate measurement
Yellow Mustard 🍯 2 tbsp Dijon preferred for complexity
Smoked Paprika 🌶️ 1 tbsp High-quality for smoky depth
Ground Black Pepper 🌶️ ½ tsp Freshly cracked for optimal flavor
Corn Tortillas 🌽 6 whole Thin, for crispy topping
Vegetable Broth 💧 1 cup Low-sodium preferred
Diamond Crystal Kosher Salt 🧂 1 tsp For seasoning, adjust to taste
Fresh Thyme Leaves 🌿 ½ tsp Or 1/4 tsp dried thyme
Extra-Virgin Olive Oil 🫒 1 tbsp For crisping tortilla strips

The quality of your molasses and smoked paprika makes all the difference here. Goya or Annie's molasses deliver that deep, caramelized sweetness without overpowering. For smoked paprika, Penzeys or La Boîte brands offer superior smokiness—avoid the generic grocery store versions that taste like sawdust. Navy beans should be no-salt-added to control seasoning; rinse them thoroughly if using regular canned beans. The onion and garlic form the aromatic base, so take your time dicing them small for even distribution throughout the beans. Fresh thyme adds brightness, but dried works in a pinch at one-third the amount.

No molasses? Maple syrup or dark corn syrup can substitute at the same quantity, though molasses provides that distinctive depth. Running out of smoked paprika? Liquid smoke at 1/4 teaspoon adds smokiness, but use sparingly. The tortillas should be corn-based for authentic texture—flour tortillas won't crisp as well. For extra richness, stir in a splash of vegetable broth if the mixture seems too thick. The brown sugar can be swapped for white sugar if unavailable, though it won't caramelize as beautifully. Always use unsalted butter for sauteing to control the final seasoning—salted butter will make your dish too salty.

This baked bean mixture develops deeper flavor when refrigerated overnight, so make it a day ahead if possible. Store in an airtight container for up to 5 days in the fridge or 3 months frozen. For the crispy tortilla topping, bake it separately for 5-7 minutes at 400°F until golden—don't skip this step, as it adds essential texture contrast. The beans can be reheated directly from the oven at 350°F for 20 minutes, with the tortilla topping added fresh after baking. Portion into individual ramekins before baking for easy serving.

❤️

Why You'll Love This Recipe

  • Open Pantry Magic: I swear by this recipe on nights when I’ve got nothing but a can of beans and a drawer full of spices. No fancy shopping—just butter, onions, and that deep molasses kick that turns simple navy beans into something ridiculously good.
  • Molasses Magic: That first spoonful of molasses? It’s the secret weapon—caramel-rich, slightly bitter, and it clings to every bean like a flavor hug. The butter and garlic make it smooth but never greasy, and honestly? It’s the kind of taste that lingers long after dinner.
  • Potluck Proven: Between us, this is my go-to for gatherings where I don’t want to stress. Slap it in a dish, pop it in the oven, and it feeds a crowd without looking like I slaved over it. (Yes, even on a Tuesday night.) The navy beans hold up perfectly, and the sweet-savory balance keeps everyone coming back for seconds.
  • Budget Leftovers: I make a double batch because it’s cheap as dirt and so versatile. Cold beans on toast the next day? Heaven. Extra for sandwiches? Even better. And if you’re pinching pennies, this recipe stretches your dollar without sacrificing flavor—my daughter picks out the onions, but still asks for seconds.

Step-by-step instructions for baked bean recipe using canned navy beans

This method delivers deep smoky-sweet flavors with a perfect crispy tortilla topping every time.

1

Sauté Aromatics for Rich Foundation

Melt the 2 tablespoons unsalted butter in a large Dutch oven over medium heat until foaming subsides. Add the diced yellow onion and cook for 5-6 minutes until softened and translucent, stirring occasionally. This step builds flavor through caramelization.

Push the onions to one side of the pot and add the 3 minced garlic cloves and 1 tablespoon smoked paprika. Stir constantly for 30 seconds until fragrant—this prevents burning while developing that essential smoky depth. The garlic should sizzle gently without browning.

2

Build the Sweet-Savory Base

Pour in the 0.25 cup molasses and 0.5 cup packed light brown sugar, stirring vigorously to dissolve completely. Add the 2 tablespoons yellow mustard, 0.5 teaspoon ground black pepper, and 1 teaspoon Diamond Crystal kosher salt, mixing well to combine.

Pour in the 1 cup vegetable broth and scrape up any browned bits from the bottom of the pot. Bring to a gentle simmer over medium-low heat for 3-4 minutes until slightly thickened. This reduction concentrates the flavors before adding the beans.

3

Incorporate Beans and Simmer

Add the drained 2 cans navy beans (reserve 1/4 cup of the liquid from the cans if needed for consistency) and stir gently to coat evenly. Sprinkle with 0.5 teaspoon fresh thyme leaves and simmer uncovered for 20-25 minutes over low heat, stirring occasionally.

You're looking for a thick, saucy consistency where the beans are tender but still hold their shape. The mixture should coat the back of a spoon but remain spoonable. If it thickens too much, add 1-2 tablespoons water to maintain proper texture.

4

Prepare Crispy Tortilla Topping

While the beans simmer, cut the 6 corn tortillas into 1/2-inch wide strips (about 48 strips total). Heat the 1 tablespoon extra-virgin olive oil in a large skillet over medium-high heat until shimmering.

Working in batches, fry the tortilla strips for 1-2 minutes per batch until golden brown and crispy, stirring constantly. Transfer to paper towels to drain excess oil. The strips should be crisp enough to hold their shape when stacked—this creates the perfect textural contrast to the creamy beans.

5

Assemble and Bake for Perfect Finish

Transfer the bean mixture to a 9x13-inch baking dish and spread evenly. Arrange the crispy tortilla strips over the top in an overlapping pattern, pressing down gently to help them adhere. Bake uncovered at 375°F for 12-15 minutes until the tortillas are deeply golden and the beans bubble around the edges.

Broil for 1-2 minutes at the end to intensify the color if needed, watching closely to prevent burning. Serve immediately with the crispy tortilla topping scattered over each portion, delivering that perfect contrast of textures and temperatures.

👨‍🍳

Pro Tips For Making Baked Bean Recipe Using Canned Navy Beans

  • Sauté Onions Until Soft: I used to rush this step and end up with raw onion bits that made the whole dish taste sharp. Instead, cook the onions in the butter until they’re completely translucent—about 8-10 minutes—so they melt into the beans without any bite.
  • Drain and Rinse the Beans: Canned navy beans hold a ton of saltwater, which can make your dish taste flat or overly salty. Drain them, then give them a quick rinse under cold water before adding them to the pot. (Yes, even if the label says "low-sodium"—better safe than sorry.)
  • Simmer, Don’t Boil: After adding the beans to the sauce, keep the heat low enough that you barely see any bubbles—just a gentle shimmer. Boiling will break down the beans and make them mushy. This isn’t a race; let them absorb the flavors slowly.
  • Add Molasses Early: I learned this the hard way—adding molasses at the end just makes it sit on top like syrup. Stir it in with the onions and garlic so it dissolves completely into the butter. The flavor will be richer, and the color will deepen naturally.

Dietary considerations for this baked bean recipe using canned navy beans

Vegetarian-Friendly Base

This recipe naturally fits vegetarian diets by focusing on navy beans as the protein source, eliminating any meat components. The smoky depth comes from smoked paprika and molasses rather than bacon or ham, making it perfect for plant-based meals.

I've tested this version countless times at vegetarian potlucks—it always gets rave reviews! 🌱

Gluten-Free Adaptation

All ingredients in this recipe are inherently gluten-free, but double-check your smoked paprika and mustard brands for hidden gluten. I recommend Annie's Organic mustard and Penzeys smoked paprika, both certified gluten-free. The corn tortillas provide natural gluten-free texture, though you could substitute gluten-free tortillas if needed.

Low-Sodium Options

To reduce sodium, use no-salt-added canned navy beans and low-sodium vegetable broth. Skip adding extra salt during cooking and adjust to taste at the end. I often add a pinch of citric acid (½ tsp) to enhance natural flavors without salt.

For extra umami, stir in 1 tsp nutritional yeast when serving.

Dairy-Free Version

The original recipe uses butter for sautéing, but you can substitute olive oil or vegetable oil without affecting flavor. The tortilla topping remains crispy and dairy-free. For extra richness, drizzle with avocado oil instead of butter when serving. This version works perfectly alongside dairy-free cheeses if desired.

Slow Cooker Adaptation

For hands-off cooking, combine all ingredients except tortillas in your slow cooker. Cook on LOW for 6-8 hours or HIGH for 3-4 hours, stirring occasionally. The beans will thicken naturally.

Add tortilla strips during the final 15 minutes of cooking to crisp them properly. This method works especially well for meal prep—just reheat and top fresh tortillas.

Allergy Considerations

For nut allergies, ensure all ingredients are nut-free (some molasses brands process in nut facilities). For soy allergies, verify your vegetable broth is soy-free. I always check labels on smoked paprika and mustard for potential cross-contamination.

This recipe is naturally free from common allergens like eggs and dairy when prepared as written.

Nutrition facts

Servings 4
Amount Per Serving
Calories 380kcal
% Daily Value *
Total Fat 12g15%
Saturated Fat 6g30%
Cholesterol 25mg8%
Sodium 520mg23%
Total Carbohydrate 62g22%
Dietary Fiber 10g36%
Sugars 28g
Protein 18g36%
* 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 use other canned beans instead of navy beans?

Yes, but navy beans work best for their firm texture and mild flavor. Try great northern beans or pinto beans—they hold up well to baking. Avoid kidney beans, as they get mushy when baked. For a heartier dish, combine navy beans with white beans or chickpeas for extra protein.

2

Why does my baked bean mixture taste too sweet?

The molasses and brown sugar create a balanced sweetness, but if it's overwhelming, reduce the sugar to 0.25 cup next time. For deeper savory notes, add 1 teaspoon Worcestershire sauce (vegan version) or a splash of apple cider vinegar. The beans should complement—not overpower—the sweetness.

3

How can I make this recipe ahead of time?

Prepare the bean mixture up to 2 days ahead and refrigerate. Reheat in the oven at 350°F for 20 minutes, then top with fresh crispy tortilla strips. For the tortilla topping, fry it fresh before serving—it loses crispness when reheated. Store components separately for best texture.

4

Can I substitute the tortilla topping?

For a crunchy alternative, try crushed potato chips or toasted breadcrumbs mixed with 1 teaspoon smoked paprika. For a cheesy option, sprinkle with shredded cheddar during the final 5 minutes of baking. The key is adding crunch after baking to maintain texture contrast.

5

What's the secret to preventing soggy tortilla strips?

Fry the tortillas until deep golden brown and crispy, then drain on paper towels. Spread them on a wire rack to cool completely before placing on the beans. Bake at 375°F for 10-12 minutes (not broiling) to keep them crisp. Avoid covering the dish while baking—steam makes toppings soggy.

★★★★★4.9(5 reviews)
Categories Side Dishes