Side Dishes
This old-fashioned baked bean recipe using canned beans delivers the same deep, smoky-sweet flavor as the classic version—just with less prep time. The secret lies in balancing molasses, brown sugar, and slow-baked spices that transform simple canned beans into something rich and satisfying.
I've perfected this method over years of testing, ensuring every batch achieves that signature tender texture and caramelized crust.
The beauty of this recipe is its simplicity: no soaking beans overnight or monitoring stovetop pots. You'll use just a few pantry staples—molasses, mustard, and spices—to create a sauce that coats each bean perfectly.
The beans bake slowly in the oven, developing deep flavor without drying out, while the top forms a golden, slightly crispy layer that adds texture. This is comfort food at its finest, with minimal effort and maximum reward.
By the time you pull this dish from the oven, your kitchen will smell like a Sunday supper, and your beans will be tender with just enough bite. The molasses-kissed sauce clings to each bean, offering a perfect balance of sweet, smoky, and tangy flavors.
Serve alongside cornbread, ham, or as the star of your barbecue spread—this recipe transforms a simple side into a centerpiece that everyone will ask for again and again.
Whether you're feeding a crowd or meal prepping for the week, this baked bean recipe delivers professional-quality results with minimal fuss. The slow-baked method ensures even cooking, while the one-pot approach means easy cleanup.
Here's how to make it—step by step—for beans that taste like they simmered all day, even when they don't.
Ingredients for old fashioned baked bean recipe using canned beans
Pantry staples meet slow-baked magic for these smoky-sweet canned baked beans.
| Ingredient | Amount | Notes |
|---|---|---|
| Canned Navy Beans 🌿 | 4 cans | 15 oz each, drained and rinsed |
| Unsalted Butter 🧈 | ½ cup | Full-fat for best flavor |
| Dark Brown Sugar 🍚 | 1 cup | Packed firmly |
| Molasses 🍯 | ½ cup | Unsulphured preferred |
| Yellow Mustard 🍯 | ¼ cup | Prepared, not Dijon |
| Yellow Onion 🧅 | 1 whole | Medium size, chopped fine |
| Garlic Cloves 🧄 | 4 cloves | Minced or finely chopped |
| Ground Black Pepper 🌶️ | 1 tsp | Freshly cracked |
| Ground Cinnamon 🌿 | 1 tsp | Freshly ground preferred |
| Ground Cloves 🌶️ | ½ tsp | Whole cloves work too |
| Salt 🧂 | 1 ½ tsp | Kosher or sea salt |
| Balsamic Vinegar 🍷 | 1 tbsp | For tangy depth |
| Beef Broth 💧 | 1 cup | Low-sodium preferred |
The molasses is non-negotiable here—unsulphured has that authentic old-fashioned flavor. Trader Joe's and Whole Foods carry good brands, but the regular grocery store stuff works too. For the brown sugar, pack it firmly—that extra density matters. The canned beans? Navy beans. Just make sure they're drained well—no one likes soggy beans. I always grab the no-salt-added version since we're controlling the seasoning.
No molasses? Maple syrup plus a pinch of cinnamon gets you close. Fresh out of mustard? Dijon plus a splash of apple cider vinegar works in a pinch. The beef broth can be swapped for chicken broth or even water, but the umami makes a difference. For the spices, Penzeys or bulk bins at natural stores have the freshest ground spices—worth it for this recipe. If you've got whole cloves, toast them first for extra depth. The onion and garlic can be prepped ahead—they'll keep in the fridge for 5 days.
This tastes even better the next day—double the batch if you can. Keeps in the fridge for 5-6 days, freezes for 3 months. I portion mine into containers so it's ready for quick lunches. The top gets crispy, so I sometimes cover it loosely with foil if I'm worried about burning. Serve with cornbread or ham—trust me, it's a game-changer.
Why You'll Love This Recipe
- Pantry Magic: I swear by this recipe when I’ve got nothing but a can of beans and a few staples. Open, drain, stir—no soaking, no pre-cooking, just dump and bake. That’s the kind of effortless that makes me want to hug my lazy self.
- Sweet-Savory Balance: The molasses and brown sugar caramelize into something rich, while the mustard cuts through with a tangy punch. Honestly, the way the butter melts into the beans? It’s like a hug in a casserole dish.
- Leftovers That Don’t Suck: This recipe actually improves the second day—yes, really. The flavors meld even deeper, and it’s perfect for quick lunches or reheating for dinner. I keep a batch in the fridge for those “I can’t decide what to eat” nights.
- Budget-Friendly Crowd-Pleaser: Navy beans are dirt cheap, and this dish stretches to feed four (or five if you’re feeding teenagers). Between us, it’s the one recipe I make when friends drop by unexpectedly—no stress, no fuss, just pure satisfaction.
Step-by-step instructions for old fashioned baked beans
This one-pot method delivers that classic smoky-sweet flavor you crave, with a perfect caramelized crust on top.
Sauté the Aromatics in Butter
In a large Dutch oven, melt the 0.5 cup unsalted butter over medium heat. Add the 1 whole yellow onion chopped fine and cook for 5 minutes until soft and translucent. This step builds flavor—don't rush it.
Add the 4 cloves garlic cloves minced and cook for another 30 seconds until fragrant. Be careful not to let the garlic burn—it should smell sweet and nutty, not bitter. Remove the pan from heat for now and set aside.
Combine Wet Ingredients
Return the Dutch oven to medium heat and stir in the 1 cup dark brown sugar packed firmly and the 0.5 cup molasses. Cook for 3 minutes until the sugar starts to dissolve and the mixture turns glossy. This creates the sweet base for your beans.
Add the 0.25 cup yellow mustard, 1 cup beef broth, 1 tbsp balsamic vinegar, 1.5 tsp salt, 1 tsp ground cinnamon, 0.5 tsp ground cloves, and 1 tsp ground black pepper. Stir well to combine all ingredients thoroughly. The mixture should be thick but pourable—this ensures even coating for the beans.
Add the Beans and Simmer
Drain and rinse the 4 cans canned navy beans thoroughly to remove excess sodium. Add them to the Dutch oven and stir gently to coat each bean with the sweet-spiced mixture. The beans should be mostly submerged but not drowning in liquid.
Bring everything to a gentle simmer over medium-low heat. Once bubbling, reduce heat to low and let it cook uncovered for 45 minutes. Stir occasionally to prevent sticking—this is where the flavors meld together into that classic baked bean taste.
Create the Crispy Topping
After 45 minutes, increase heat to medium-high and let the mixture bubble vigorously for 10 minutes. This evaporates some liquid and thickens the sauce. Watch carefully—you want it to reduce just enough to form a thick, glossy coating.
For the signature crispy top, sprinkle an additional 2 tablespoons dark brown sugar evenly over the surface. Return to medium heat and cook uncovered for 15-20 minutes until the top develops a deep golden-brown crust. The edges should pull away slightly from the pan when you tilt it.
Rest and Serve
Remove from heat and let the beans rest for 10 minutes before serving. This allows the flavors to settle and the top to set properly. The beans should be tender with a thick, caramelized sauce and that perfect crispy crust.
Serve warm with crusty bread or cornbread to soak up every last bit of that smoky-sweet molasses sauce. These beans keep well in the fridge for up to 5 days—even better the next day as the flavors deepen!
Pro Tips For Making Old Fashioned Baked Bean Recipe Using Canned Beans
- Drain and Rinse First: Skip the salty surprise by draining the canned navy beans and giving them a quick cold-water rinse—especially if you’re using unsalted butter later. I learned this the hard way when my first batch tasted like a salt lick.
- Simmer the Molasses: Heat the molasses and brown sugar together for 2–3 minutes until it thickens slightly—this prevents a cloying sweetness and makes the flavor sing. Sounds weird, but it works: the caramelized edges on the beans are worth the effort.
- Cover Twice: Start with a tight lid for the first 45 minutes to trap steam, then crack it open for the last 30 minutes to let moisture evaporate. I used to overcook mine because I forgot to adjust—now I check at the 1-hour mark.
- Whisk in Mustard Last: Stir in the yellow mustard right before baking so it doesn’t curdle from heat. Add it too early, and you’ll get that weird, split-pea-soup texture no one wants. (Yes, I’ve ruined a batch this way.)
Dietary considerations for this recipe
Gluten-Free Adaptation
This recipe is naturally gluten-free since it relies on beans, molasses, and spices—but always double-check your labels. The yellow mustard is the only potential concern, so opt for a certified gluten-free brand like French's Gluten-Free Mustard.
The beef broth should also be gluten-free; I recommend Swanson Gluten-Free Beef Broth to avoid cross-contamination. The same technique applies, and the flavor stays just as rich and satisfying. 🌱
Low-Sugar Options
If you're watching sugar, reduce the brown sugar to ½ cup and swap the molasses for ¼ cup maple syrup plus 1 tsp cinnamon. The molasses adds depth, but maple syrup works in a pinch.
You can also use monk fruit sweetener (like Lakanto) for a sugar-free version—just reduce the amount by half since it's much sweeter. The texture will be slightly less caramelized, but the flavor remains balanced.
Vegetarian-Friendly
Skip the beef broth and use vegetable broth instead, or even water with 1 tsp soy sauce or tamari for umami. Add ½ cup diced smoked paprika or liquid smoke (about ½ tsp) to mimic the smoky depth.
The beans still absorb the sweet-spiced sauce beautifully, and the dish stays hearty and satisfying. I love serving this with grilled veggie burgers or roasted potatoes. 🌿
High-Protein Boost
For extra protein, stir in 1 cup cooked bacon bits or ½ cup crumbled sausage (like Applegate Uncured Smoked Sausage) during the final 10 minutes of cooking. Alternatively, add ½ cup cooked ground turkey or chickpeas for a vegetarian option.
These additions add richness and heartiness without altering the classic baked bean flavor profile. Just be mindful of the extra moisture from cooked meats.
Allergen-Free Swaps
If you're avoiding dairy, use olive oil or coconut oil instead of butter—just reduce the amount by 20% since oils are more concentrated. For nut allergies, skip any optional toppings like pecans and focus on the core ingredients.
The recipe is already free of common allergens like eggs, shellfish, and soy (unless using soy-based broth). Always check labels on canned beans and spices for hidden allergens like peanuts or tree nuts.
Meal Prep Adjustments
For meal prep, divide the baked beans into airtight glass containers (like Pyrex) and refrigerate for up to 5 days. To reheat, cover with a damp paper towel and microwave for 2-3 minutes at 50% power, stirring halfway.
For the crispy top, sprinkle a pinch of sugar on top and broil for 2-3 minutes to restore that texture. The flavors actually deepen overnight, making this a perfect make-ahead dish for busy weeks. 📅
Nutrition facts
Frequently asked questions
Can I use any type of canned bean for this recipe?
While navy beans are traditional, you can use pinto, great northern, or even black beans for a different texture. Just be aware that darker beans may change the final color slightly. The key is to drain and rinse them thoroughly to remove excess sodium and starch, which helps the sauce cling better.
Why does this recipe call for molasses instead of maple syrup?
Molasses provides that signature smoky-sweet depth that defines classic baked beans. While maple syrup can substitute, it lacks the molasses' complex flavor profile and the subtle bitterness that balances the sweetness. For a closer match, use unsulphured molasses—it's worth seeking out for authentic results.
How do I prevent the beans from getting mushy?
Don't overcook them! After the initial 45-minute simmer, focus on reducing the sauce rather than letting the beans absorb too much liquid. The final 15-20 minutes at medium heat creates the crispy top while keeping the beans tender—not mushy. Stir occasionally to prevent sticking, and always use a Dutch oven for even heat distribution.
Can I make this recipe on the stovetop instead of baking?
After the initial 45-minute simmer, reduce heat to low and let it cook uncovered for 30-45 minutes, stirring occasionally. For the crispy top, sprinkle sugar and cook uncovered for 10-15 minutes until golden. The stovetop version requires more attention but works well for small batches.
What's the best way to reheat leftover baked beans?
Reheat in a saucepan over low heat with a splash of water or broth to restore moisture. For the crispy top, cover with foil and warm first, then uncover and broil for 2-3 minutes to revive the crust. Microwaving works too—just cover with a damp paper towel and stir halfway through. The flavors actually improve overnight!