Side Dishes
This baked bean recipe with bacon from scratch delivers smoky, crispy bacon bites and tender beans—all in one pot. The secret lies in browning the bacon first, then layering it with beans, molasses, and spices for deep flavor that develops while baking.
I’ve perfected this technique over years of testing, ensuring the beans stay creamy and the bacon stays irresistibly crispy.
What sets this recipe apart is the balance of sweet and smoky flavors, achieved through brown sugar, molasses, and slow-baked bacon. Unlike canned versions, these beans start from scratch, soaking overnight for maximum tenderness.
The bacon isn’t just an afterthought—it’s the star, crisping up beautifully on top while infusing the beans with rich, savory depth.
By the time it’s done, you’ll have a restaurant-quality side dish with crispy bacon edges, perfectly tender beans, and a glossy, caramelized sauce. The aroma alone will have everyone gathering at the table.
Serve it alongside grilled meats, cornbread, or even as a hearty vegetarian main with a dollop of sour cream.
This recipe is designed for ease—just prep the ingredients, layer them in a Dutch oven, and let the oven do the work. No stirring required, no burnt edges, just foolproof results every time. Let’s get started on this crowd-pleaser!
Ingredients for baked bean recipe with bacon from scratch
Sixteen ingredients, one pot, restaurant-quality baked beans with crispy bacon edges you'll crave.
| Ingredient | Amount | Notes |
|---|---|---|
| Dried Navy Beans 🌾 | 2 cups | Uncooked, soaked overnight |
| Bacon 🥓 | 1 ½ lb | Thick-cut, smoked preferred |
| Brown Sugar 🍚 | ¾ cup | Light or dark variety |
| Molasses 🍯 | ½ cup | Unsulphured preferred |
| Ketchup 🍅 | ½ cup | Heinz preferred for consistency |
| Yellow Onion 🧅 | 1 whole | Diced, medium size |
| Garlic Cloves 🧄 | 4 cloves | Minced, fresh preferred |
| Mustard 🍯 | 2 tbsp | Dijon or yellow preferred |
| Apple Cider Vinegar 🍎 | 2 tbsp | For tangy depth |
| Ground Black Pepper 🌶️ | 1 tsp | Freshly ground |
| Salt 🧂 | 1 ½ tsp | Kosher or sea salt |
| Bay Leaves 🌿 | 2 whole | Dried, for aroma |
| Water 💧 | 4 cups | For soaking beans |
| All-Purpose Flour 🌾 | 1 tbsp | For thickening sauce |
The bacon is non-negotiable here—thick-cut, smoked variety from Costco or Whole Foods delivers that authentic smoky depth. Look for applewood or hickory smoked if you want to get fancy, but any quality bacon works. The beans? Navy beans soak up flavor best, but pinto or kidney beans work too. Soak them overnight in 4 cups water—this is key for tender, creamy beans. Don't skip it. For the molasses, unsulphured is ideal (it's less processed), but regular works fine if that's what you've got. The brown sugar? Light or dark doesn't matter—just make sure it's real sugar, not that pre-packaged 'brown sugar blend' stuff.
No molasses? Maple syrup or extra brown sugar (reduce by 1 tbsp) gets you close. Short on ketchup? Tomato paste thinned with water works—just add a pinch of sugar to balance. The mustard is where the magic happens—Dijon gives a sharper bite, but yellow mustard is fine too. For the vinegar, apple cider adds complexity, but white vinegar is a solid backup. The flour is just for thickening at the end, so don't stress if you're out—skip it and stir more often. The bay leaves? Crush them lightly before adding for maximum aroma. And if you're worried about the beans being too firm, soak them an extra hour—it makes all the difference.
Bacon keeps best in the fridge for 5 days if you wrap it tightly in foil, but honestly, it's best used within 3 days for maximum crispiness. The dried beans? Store them in an airtight container in a cool, dark place for up to 1 year. Once cooked, these beans reheat beautifully—just add a splash of water and warm through. They even freeze well for up to 3 months, though I prefer to make a fresh batch every time. The sauce thickens as it cools, so if it seems too thin when reheating, simmer uncovered for 2-3 minutes to reduce it. And if you're making this ahead? Double the bacon—it disappears fast when served.
Why You'll Love This Recipe
- One-Pot Magic: I swear by this recipe when I’m too tired to scrub pots—just toss everything in one dish, let it bubble away, and walk away. The beans soften while the bacon crisps, and the molasses-ketchup glaze caramelizes without a single extra pan.
- Sweet-Savory Crunch: That smoky bacon crunch against the sticky-sweet molasses and brown sugar? It’s the kind of flavor combo that makes you pause mid-bite. Honestly, the first time I tasted it, I immediately doubled the recipe.
- Tailgate Ready: Between us, this is my go-to for game days, potlucks, or lazy Sundays—it’s hearty enough for a crowd but still feels special. Serve it straight from the oven with cornbread, and suddenly you’re the hero of the spread.
- Budget Win: Dried beans and bacon stretch this recipe into a whole meal for pennies. I’ve fed four people for under $8 with leftovers that taste even better the next day—proof that simple ingredients can still feel indulgent.
Step-by-step instructions for baked beans with bacon from scratch
A rich, smoky bean dish with perfectly crisp bacon requires patience and attention to detail.
Prepare the Beans for Cooking
Start by soaking the 2 cups dried navy beans overnight in a large bowl covered with plenty of water. I use at least 8 cups of water for proper hydration, and I like to add a pinch of salt to the soaking water to help soften the beans faster. In the morning, drain and rinse them thoroughly under cold water.
This overnight soak ensures the beans cook evenly and prevents them from becoming tough or splitting during the long baking process. If you're short on time, you can speed-soak them for 2 hours by covering them with boiling water, then letting them sit off the heat. The beans are ready when they feel tender but still have a slight resistance when pressed between your fingers.
Cook the Bacon and Sauté Aromatics
Cut the 1.5 lb bacon into ½-inch pieces and cook them in a large Dutch oven over medium heat until they render most of their fat and become deep golden brown—about 10-12 minutes. Use a slotted spoon to remove the bacon and set it aside on a paper towel-lined plate, leaving the rendered fat in the pot.
In the same Dutch oven, add the 1 whole yellow onion (diced) and 4 cloves garlic cloves (minced). Sauté for 4-5 minutes until the onions are soft and translucent and the garlic is fragrant. This step builds the flavor foundation—don't rush it. If the onions start to brown too quickly, reduce the heat slightly to prevent burning.
Combine All Ingredients and Simmer
Return the cooked bacon to the Dutch oven. Add the drained beans, 4 cups water, 0.75 cup brown sugar, 0.5 cup molasses, 0.5 cup ketchup, 2 tbsp mustard, 2 tbsp apple cider vinegar, 1.5 tsp salt, 1 tsp ground black pepper, and 2 whole bay leaves. Stir everything together until well combined.
Bring the mixture to a boil over high heat, then immediately reduce the heat to low and cover the pot. Let it simmer gently for 1 hour, stirring occasionally to prevent the beans from sticking to the bottom. The beans should be mostly tender by now, but they'll finish cooking in the oven. If the liquid level gets too low, add a splash of water to keep them submerged.
Bake Until Thick and Flavorful
Preheat your oven to 350°F. Transfer the bean mixture to the oven and bake uncovered for 2-2.5 hours, stirring every 45 minutes to ensure even cooking and prevent a skin from forming. The beans are done when they're fork-tender and the sauce has thickened to a rich, glossy consistency.
Here's the trick for achieving that perfect texture: Stir in the 1 tbsp all-purpose flour during the last 30 minutes of baking. This helps thicken the sauce and gives it that classic baked bean consistency. Taste and adjust seasoning if needed—sometimes the molasses and vinegar need a touch more salt to balance the flavors.
Rest and Serve with Crispy Bacon
Remove the beans from the oven and let them rest for 10-15 minutes before serving. This resting period allows the flavors to meld together and the sauce to thicken slightly. Discard the bay leaves before serving, as they're used only for flavor during cooking.
Ladle the beans into bowls, making sure each serving includes those crispy bacon pieces scattered throughout. The contrast between the tender beans, rich sauce, and smoky bacon creates a perfect bite. Serve with crusty bread or cornbread to soak up every last drop of that delicious sauce.
Pro Tips For Making Baked Bean Recipe With Bacon From Scratch
- SOAK BEANS OVERNIGHT: Dried navy beans need a proper soak—just dump them in cold water with a pinch of salt and let them sit 8+ hours. I used to rush this with a quick boil, but the beans stay firmer and absorb flavors better when pre-soaked, especially with all that smoky bacon and molasses in the mix.
- CRISP THE BACON FIRST: Cook the bacon until it’s nearly crunchy before adding it to the beans. Cold bacon just steams in the sauce, but crispy bits add texture and prevent a greasy mess. Save those fat bits—they’re flavor gold in this dish.
- STIR THE MOLASSES: Molasses sinks like a rock and burns easily. Stir it into the sauce after the beans start simmering, not at the beginning. This keeps the bottom from sticking and ensures every bean gets that deep, caramelized sweetness.
- BAKE UNTIL THICK: Don’t pull the beans out when they look done—keep baking until the sauce reduces to a glossy coat. The longer they bake, the richer the flavors get, especially with the brown sugar and ketchup. Cover with foil the first hour, then uncover to thicken.
Serving suggestions for this dish
Classic BBQ Spread
Serve your baked beans with a side of homemade BBQ sauce for dipping. I love mixing ½ cup ketchup, 2 tbsp apple cider vinegar, 1 tbsp molasses, 1 tbsp brown sugar, and ½ tsp smoked paprika.
Simmer for 10 minutes until thickened, then drizzle over the beans or serve on the side. This adds an extra layer of smoky-sweet flavor that complements the bacon perfectly. 🌶️
Crusty Bread Pairing
Nothing beats warm, crusty sourdough or cornbread for soaking up the rich sauce. Toast your bread lightly and serve it alongside the beans—every bite of crispy bacon and creamy bean will have guests reaching for more.
For extra indulgence, brush the bread with garlic butter before serving. I always make a double batch because it disappears fast!
Cheesy Topping Twist
Add a sharp cheddar or pepper jack cheese topping for a crowd-pleasing upgrade. Sprinkle ¼ cup shredded cheese over the beans during the last 10 minutes of baking—the heat will melt it into a gooey blanket.
For a spicy kick, mix in ½ tsp cayenne pepper with the cheese. This turns your baked beans into a full meal in one dish. 🧀
Pickled Veggie Contrast
Brighten the plate with quick-pickled red onions or jalapeños. Thinly slice ½ red onion and 1 jalapeño, then soak in ½ cup vinegar, 1 tbsp sugar, and ½ tsp salt for 30 minutes.
The tangy crunch cuts through the richness and adds freshness. I like to scatter them on top right before serving. ✨
Garnish Like a Pro
Elevate your presentation with fresh chopped green onions or cilantro for a pop of color. A sprinkle of toasted sesame seeds adds an unexpected nutty depth, while a drizzle of hot honey (mix 2 tbsp honey with ½ tsp cayenne) brings sweet heat.
These finishing touches make your dish look—and taste—restaurant-quality. 💫
Meal Prep Hack
Make ahead and store in an airtight container for up to 5 days in the fridge. Reheat gently on the stovetop with a splash of water, then top with extra bacon or cheese to revive crispiness.
For serving, transfer to a slow cooker on warm** to keep beans creamy and bacon crispy all day—perfect for potlucks or family gatherings. 📅
Nutrition facts
Frequently asked questions
Can I use canned beans instead of dried for this recipe?
While it's possible, I don't recommend it for this specific recipe. Dried beans develop deeper flavor and creamier texture during the long baking process. If you're short on time, use 2 (15 oz) cans of navy beans, drained and rinsed, but reduce the water to 2 cups and simmer for only 30 minutes before baking. The flavor won't be quite as rich, but it's a decent shortcut.
How do I prevent the bacon from getting soggy during baking?
To keep the bacon crispy, place it on top of the beans during the last 30 minutes of baking. This way, it gets hot enough to crisp up without absorbing too much moisture. For extra insurance, broil the beans for 2-3 minutes at the very end to crisp the bacon edges. Never add bacon directly to the stovetop mixture if you want that perfect crunch.
Can I make this recipe in a slow cooker instead of the oven?
Follow the same steps until combining all ingredients, then transfer to a 6-quart slow cooker on low for 6-7 hours or high for 3-4 hours. Stir occasionally and add water as needed. For crispy bacon, sprinkle it on top during the last 30 minutes of cooking. The texture will be slightly different (more stew-like), but the flavor will be just as rich.
Why did my beans turn out mushy instead of creamy?
Overcooking is the most common cause. Beans should be fork-tender but still hold their shape. If they're mushy, you likely simmered too long before baking or baked at too high a temperature. For next time, reduce the oven temperature to 325°F and bake for 1.5 hours instead. Also ensure you're using enough liquid—beans need room to soften without breaking down.
What's the best way to reheat leftover baked beans?
Reheat gently on the stovetop with 2-3 tablespoons of water over low heat for 5-7 minutes, stirring occasionally. For extra crispiness, add a few fresh bacon pieces to the pot during reheating. Microwaving works too, but the texture suffers—cover with a damp paper towel and heat for 1-2 minutes. Never reheat uncovered in the microwave, or the sauce will dry out completely.