Side Dishes
This baked bean recipe using canned navy beans transforms humble pantry staples into a smoky, garlicky centerpiece that brings hearty comfort to any table. The secret lies in slow simmering and caramelized edges—where tender beans develop deep, savory-sweet notes that make every bite satisfying.
I’ve perfected this one-pot method to deliver restaurant-quality texture without the fuss of soaking dried beans.
The process starts with browning onions and garlic in olive oil until golden, building a rich foundation for the beans. Canned navy beans get rinsed and simmered in a bold broth base—where smoked paprika, Worcestershire, and a touch of maple syrup work together to create that signature depth.
A final 30-minute bake lets the sauce thicken and caramelize, turning simple ingredients into something irresistible.
What you’ll end up with is a tender, saucy dish with beans that hold their shape yet melt in your mouth, all coated in a glossy, slightly sweet-savory glaze. The aroma alone—smoky, garlicky, and just a hint of sweetness—will have everyone at the table asking for seconds.
It’s the kind of dish that pairs perfectly with cornbread, crusty rolls, or even as a standalone vegetarian main.
Best of all, this recipe comes together in under an hour with minimal prep. No special equipment needed—just a pot, oven, and patience for the flavors to develop. The result? A foolproof, comforting side that’s as easy to make as it is delicious to eat. Let’s get started.
Ingredients for baked bean recipe using canned navy beans
Pantry staples meet smoky sophistication—transforming canned beans into restaurant-quality comfort.
| Ingredient | Amount | Notes |
|---|---|---|
| Canned Navy Beans 🌿 | 4 cans | 15 oz each, drained and rinsed |
| Yellow Onions 🧅 | 1 whole | Medium size, diced finely |
| Garlic Cloves 🧄 | 6 cloves | Minced for deep flavor |
| Extra-Virgin Olive Oil 🫒 | ¼ cup | High-quality for browning |
| Smoked Paprika 🌶️ | 2 tbsp | For authentic smoky depth |
| Worcestershire Sauce 🍶 | 2 tbsp | Vegetarian version required |
| Pure Maple Syrup 🍯 | 2 tbsp | For subtle sweetness |
| Vegetable Broth 💧 | 2 cups | Low-sodium preferred |
| Kosher Salt 🧂 | 1 ½ tsp | Diamond Crystal preferred |
| Ground Black Pepper 🌶️ | ½ tsp | Freshly cracked |
| Fresh Thyme Leaves 🌿 | 1 tbsp | Or 1 tsp dried thyme |
| Brown Sugar 🍚 | 1 tbsp | Light or dark variety |
| Cornstarch 🌾 | 1 tbsp | For thickening sauce |
The foundation starts with yellow onions—look for firm, vibrant ones at Whole Foods or your local market. Garlic cloves should be plump and free of sprouts; Costco often sells them in bulk at a discount. Extra-virgin olive oil is non-negotiable here—California Olive Ranch or Bertolli deliver consistent quality. For the smoked paprika, Penzeys offers the best selection of authentic varieties, but any reputable brand will work. Vegetable broth should be low-sodium to avoid overpowering the delicate bean flavors—Pacific Foods or Imagine are reliable choices.
No Worcestershire sauce? Vegetarian versions from Annie's or homemade (soy sauce + tamari + apple cider vinegar) work perfectly. Maple syrup substitutes include agave nectar at a 1:1 ratio, though maple delivers that distinct caramel note. Brown sugar can be swapped for coconut sugar for a more natural sweetener. Fresh thyme is ideal, but dried at one-third the amount suffices. The cornstarch is crucial for that velvety finish—Bob's Red Mill is my go-to brand for consistent thickening power. Vegetable broth can be replaced with mushroom broth for deeper umami, though it’ll alter the flavor profile slightly.
Store leftover beans in an airtight container for up to 5 days in the fridge, though they reheat best when warmed gently. For longer storage, freeze for 3 months—portion into single servings before freezing. The sauce thickens as it cools, so a splash of broth can restore consistency when reheating. Double the batch if you're feeding a crowd; these beans reheat beautifully and taste even better the next day as flavors meld.
Why You'll Love This Recipe
- I’ll be real: I used to dread chopping onions, but this recipe only needs one, thinly sliced—no tears, no fuss. The garlic? Just three cloves, minced in 30 seconds while the oven preheats. That’s it. Done.
- No Chopping Chaos: I’ll be real: I used to dread chopping onions, but this recipe only needs one, thinly sliced—no tears, no fuss. The garlic? Just three cloves, minced in 30 seconds while the oven preheats. That’s it. Done.
- Smoky Comfort Bite: The smoked paprika and olive oil caramelizing with onions? Chef’s kiss. It turns these navy beans into something rich and savory, with just enough depth to make you reach for seconds. (Yes, even on a Tuesday night.)
- Leftovers That Shine: I make a double batch every time because these baked beans taste better the next day—if there’s any left. Toss them into a wrap, serve over toast, or dump them on grilled cheese. They’re the ultimate lazy-day side.
Step-by-step instructions for smoky garlic-kissed baked beans
This method delivers restaurant-quality texture and flavor using just one pot.
Sauté Aromatics Until Deeply Fragrant
Heat the 0.25 cup extra-virgin olive oil in a large Dutch oven over medium heat until shimmering. Add the finely diced yellow onions and cook for 5-6 minutes until completely softened and translucent, stirring occasionally. This slow cooking ensures the onions caramelize properly, forming the flavor base.
Add the minced garlic cloves and cook for 30 seconds until fragrant—don't let it brown or it'll turn bitter. Immediately stir in the 2 tablespoons smoked paprika and 1 tablespoon fresh thyme leaves, letting the spices toast for 30 seconds to release their aromatic oils. This step builds the smoky depth that defines this dish.
Combine Wet Ingredients and Simmer
Pour in the 2 tablespoons Worcestershire sauce, 2 tablespoons pure maple syrup, 2 cups vegetable broth, 1 tablespoon brown sugar, 1.5 teaspoons kosher salt, and 0.5 teaspoon ground black pepper. Stir well to combine all ingredients in the pot, scraping up any browned bits from the bottom—these contain concentrated flavor.
Bring the mixture to a gentle simmer over medium-low heat, then add the 4 cans drained and rinsed navy beans. Stir once to distribute everything evenly. The beans will begin to absorb the liquid immediately—this is normal. Let the mixture simmer uncovered for 15 minutes, stirring occasionally, until the flavors meld and the beans begin to soften slightly.
Thicken and Finish with Cornstarch Slurry
In a small bowl, whisk together the 1 tablespoon cornstarch with 2 tablespoons cold water to create a smooth slurry. Remove the Dutch oven from heat and stir in the cornstarch mixture, returning it to low heat immediately. Cook for 2-3 minutes, stirring constantly, until the sauce thickens to a glossy, spoonable consistency.
Taste and adjust seasoning if needed—you may want to add a pinch more salt or a splash of maple syrup for balance. The beans should be tender but still hold their shape, with a rich, smoky sauce that clings beautifully. If the sauce thickens too much, whisk in 1-2 tablespoons water to reach your preferred consistency.
Bake to Perfection and Develop Deep Flavor
Transfer the Dutch oven to a 375°F preheated oven and bake uncovered for 30-35 minutes. This baking step allows the flavors to deepen and the sauce to develop a subtle caramelized crust on top. Check after 25 minutes—the beans are done when they're fork-tender and the sauce has reduced slightly, becoming more concentrated.
Remove from the oven and let rest for 5 minutes before serving. The beans will continue to thicken slightly as they cool. Serve warm with crusty bread or over mashed potatoes for the ultimate comfort meal. The combination of smoky paprika, sweet maple, and savory Worcestershire creates a complex flavor profile that's both satisfying and balanced.
Pro Tips For Making Baked Bean Recipe Using Canned Navy Beans
- Drain and Rinse Beans: Canned navy beans come packed in saltwater—skip the rinse if you want that briny depth, but if you’re using them in a dish where salt balance matters, give them a quick rinse. I learned this the hard way when my beans tasted like a swimming pool.
- Sweat Onions Low and Slow: Chop onions into ¼-inch pieces and cook them in olive oil over medium-low heat until translucent, not browned. High heat turns them bitter, and you want them to melt into the beans, not dominate them.
- Toast the Garlic: After onions soften, add minced garlic and cook it just until fragrant—about 30 seconds. This brings out its sweetness without burning, which happens faster than you think. (Yes, even if you’re impatient like me.)
- Smoked Paprika Early: Add the smoked paprika with the onions, not at the end. This lets it bloom and infuse the oil, giving the beans that deep, smoky flavor from the start. Sprinkling it later just makes it a guest star instead of the headliner.
Best sauces and condiments for baked bean recipe using canned navy beans
Smoky Maple Glaze
This dish shines with a homemade smoky maple glaze that elevates the natural sweetness of the beans. Simmer ¼ cup pure maple syrup with 1 tablespoon smoked paprika and ½ teaspoon apple cider vinegar over low heat for 5 minutes until slightly thickened.
Drizzle over the finished beans just before serving—it adds a glossy, caramelized finish that balances the smoky flavors beautifully. 🍯
Spicy Chipotle Aioli
For a bold contrast, whip up a spicy chipotle aioli by blending ½ cup mayonnaise with 1 tablespoon chipotle in adobo sauce, 1 teaspoon lime juice, and ½ teaspoon honey.
Dollop alongside the beans or drizzle on top for a creamy, smoky kick that cuts through the richness. This pairing is especially popular with vegetarian diners who crave heat. 🌶️
Brown Butter Onion Jam
Sauté 1 cup thinly sliced yellow onions in ¼ cup brown butter until deeply caramelized (about 15 minutes), then finish with 1 teaspoon balsamic vinegar. Spoon this jam over the beans for an extra layer of depth and umami.
The brown butter adds a nutty richness that complements the smoky paprika perfectly. 🧅
Creamy Horseradish Sauce
Mix ½ cup sour cream with 1 tablespoon prepared horseradish, 1 teaspoon Dijon mustard, and a pinch of salt for a sharp, creamy contrast. This sauce brightens the dish and adds a tangy bite that balances the sweet-savory beans.
Serve on the side or dollop directly on top for a restaurant-style presentation. 💛
Garlic-Herb Butter
Softened ¼ cup unsalted butter with 2 minced garlic cloves, 1 tablespoon chopped parsley, and ½ teaspoon lemon zest for a quick, flavorful garnish. Swirl it into individual servings or melt it over the top of the beans in the final minutes of baking for a luxurious finish.
This butter adds a bright, herby note that elevates the dish. 🧈
Sweet and Tangy Mustard Sauce
Combine ¼ cup whole-grain mustard with 2 tablespoons apple cider vinegar, 1 tablespoon maple syrup, and 1 teaspoon Dijon mustard for a sweet-tangy sauce that pairs wonderfully with the smoky beans.
Thin with a splash of water if needed, then drizzle over the top or serve on the side for dipping. This sauce adds complexity without overpowering the dish. 🍶
Nutrition facts
Frequently asked questions
Why do you rinse canned navy beans before using them?
Rinsing removes excess sodium and any residual starch from the canning process that can make the sauce gummy. Navy beans absorb flavors better when clean, and this step prevents a watery texture. Just drain them well and give a quick rinse under cold water.
Can I substitute canned navy beans for dried beans in this recipe?
Yes, but you'll need to soak and cook dried navy beans for 1.5-2 hours until tender. Use 1.5 cups dried beans (about 10 oz) instead of 4 cans, and adjust the broth to 2.5 cups since dried beans absorb more liquid. The texture will be slightly firmer.
How do I prevent the sauce from becoming too thin?
Simmer uncovered for 15 minutes before baking to reduce some liquid first. For extra thickness, add 1 extra tablespoon cornstarch to the slurry or bake uncovered for 5 minutes longer to evaporate moisture. The sauce should coat the back of a spoon but remain spoonable.
What's the best way to reheat leftover baked beans?
Gently warm in a saucepan over low heat with 1-2 tablespoons water or broth to restore moisture. Avoid microwaving—it makes the sauce watery. For crispy edges, transfer to an oven-safe dish at 350°F for 10 minutes. Stir occasionally to prevent sticking.
Can I make this recipe in a slow cooker instead of the oven?
Follow the same steps up to the cornstarch slurry, then transfer everything to a slow cooker. Cook on low for 4-5 hours or high for 2-3 hours, stirring occasionally. The texture will be slightly softer but still delicious. Add ¼ cup broth if it gets too thick.