Side Dishes
This homemade baked beans recipe delivers all the smoky, molasses-kissed comfort of Campbell's—just made from scratch with tender beans, rich spices, and a crispy bacon topping. The secret lies in slow simmering the beans until they're fall-apart tender, while the bacon renders into crispy bits that add a savory crunch.
I perfected this version during a chilly Portland winter when I wanted that classic BBQ flavor without the canned shortcut.
What makes these beans special is the balance of sweet and smoky flavors—molasses for depth, brown sugar for caramelization, and mustard for tang. The slow cooking process develops rich, complex flavors that canned versions simply can't match.
And that crispy bacon topping? It's the game-changer that makes these beans irresistible straight from the oven.
By the time you're done, you'll have a pot of velvety, smoky beans with tender bacon bits scattered on top—perfect for serving alongside grilled meats or as a hearty sandwich filling. The aroma alone will have everyone asking what's for dinner. Let's get started on this comforting classic.
These beans reheat beautifully for leftovers, making them perfect for meal prep or feeding a crowd. The recipe scales easily, so you can double it for gatherings. Trust me, once you try homemade, you'll never go back to canned again.
Ingredients for campbell's baked beans
Sweet, smoky, and crispy—these 14 ingredients bring all the comfort of classic baked beans.
| Ingredient | Amount | Notes |
|---|---|---|
| Navy Beans 🌱 | 2 cups | Dried, soaked overnight |
| Thick-Cut Bacon 🥓 | 1 ½ lb | Not pre-cooked, chopped |
| Yellow Onion 🧅 | 1 whole | Diced, medium size |
| Molasses 🍯 | ½ cup | Unsulphured, dark variety |
| Brown Sugar 🍚 | ½ cup | Packed, light or dark |
| Ketchup 🍅 | ½ cup | No sugar added preferred |
| Yellow Mustard 🟡 | 2 tbsp | Dijon works too |
| Apple Cider Vinegar 🍏 | 2 tbsp | For tangy depth |
| Ground Black Pepper 🌶️ | ½ tsp | Freshly cracked |
| Smoked Paprika 🌶️ | 1 tbsp | For smoky flavor |
| Garlic Cloves 🧄 | 4 cloves | Minced for depth |
| Bay Leaves 🌿 | 2 whole | Removed before serving |
| Salt 🧂 | 1 ½ tsp | Adjust to taste |
| Water 💧 | 4 cups | Or low-sodium broth |
The bacon is non-negotiable for that crispy topping. Thick-cut from Oscar Mayer or Costco gives the best texture—thin bacon burns before it crisps. Look for unsmoked if you want to control the smokiness yourself. The molasses? Grocery store brands work fine, but Annie's or Whole Foods versions add richer depth. Don't skip the bay leaves—they infuse subtle earthiness that rounds out all the sweetness. And those navy beans? Soak them overnight (or quick-soak with boiling water) to cut cooking time.
No molasses? Maple syrup plus a pinch of cinnamon mimics the depth. Short on bacon? Pancetta or smoked sausage works in a pinch—just chop it small. The ketchup can be skipped if you've got tomato paste (swap 1 tbsp paste for 2 tbsp ketchup). Mustard hating? Skip it entirely—the beans still taste amazing. For extra smokiness, add a dash of liquid smoke (start with 1/2 tsp). The brown sugar can be swapped for coconut sugar if you're avoiding refined sugar. And if you're prepping ahead, cook the beans fully first, then refrigerate the sauce separately to add later when baking.
These reheat like a dream—just add a splash of water or broth to loosen them up. Keeps 5 days in the fridge, 3 months frozen. For meal prep, I double the recipe and freeze half. The bacon topping? Store it separately and crisp it fresh before serving—trust me, it's worth the extra minute. Leftovers taste even better the next day as the flavors meld. Serve with crusty bread or over grilled sausages for the full experience.
Why You'll Love This Recipe
- One-Pan Magic: I swear by this recipe because it’s that simple—just toss everything into one dish, cover it, and let the oven do the work. No chopping like a fine chef, no fancy techniques, just navy beans, bacon, and a little molasses magic that smells amazing while it bakes.
- Smoky-Sweet Bliss: That molasses and brown sugar combo? It’s where this dish gets its soul—deep, caramelized, and just a hint of smoky bacon. The onions soften into sweetness, and the beans soak it all up like a sponge. Honestly, I’ve tried fancier baked beans, but nothing beats this classic balance.
- Tailgate or Tuesday: Between us, these are my go-to for game days and lazy weeknights. Serve them warm with cornbread for a crowd, or pack them cold for a picnic—no reheating needed. My kids even ask for them on school nights, and that’s saying something.
- Budget-Friendly Pantry Hero: Navy beans and bacon stretch for days, and the molasses/brown sugar add richness without breaking the bank. I make a double batch, and they last me through leftovers, sandwiches, or even breakfast hash. Not the prettiest, but the taste makes up for it every time.
Step-by-step instructions for smoky molasses-kissed beans with crispy bacon topping
Here's how to create rich, smoky baked beans with a perfect crispy bacon crown—every bite delivers that sweet-savory balance.
Soak and Prepare the Navy Beans
Place the 2 cups navy beans in a large bowl and cover them with plenty of cold water—at least 8 cups. Let them soak overnight (or for at least 8 hours) in the refrigerator. This soaking step is crucial—it ensures the beans cook evenly and prevents them from becoming tough or splitting open during baking.
After soaking, drain the beans in a colander and rinse them thoroughly under cold water. Give them a gentle shake to remove any excess water. Transfer the drained beans to a large mixing bowl and set aside. I always give them a quick visual check for any small stones or debris before proceeding—just a quick scan through the beans while you prep the other ingredients.
Cook the Thick-Cut Bacon to Crispy Perfection
Line a baking sheet with parchment paper and arrange the 1.5 lb thick-cut bacon in a single layer. You'll want to leave about ½ inch between each piece so they have room to crisp up. Place the baking sheet in a cold oven and turn the heat to 400°F. Bake for 20-25 minutes, flipping the bacon halfway through, until it's golden brown and crispy.
Here's the thing—thick-cut bacon needs patience. Don't rush this step. You're looking for that beautiful caramelization and crisp texture that will become your beans' crowning glory. Once done, transfer the bacon to a paper towel-lined plate to drain excess fat. Chop the bacon into small pieces and set aside—you'll use it for the topping later. Save the bacon fat in a small jar; it's pure flavor gold for future cooking.
Build the Bean Sauce in a Dutch Oven
In the same Dutch oven you'll use for baking, combine the soaked navy beans, 4 cups water, 1 whole yellow onion (diced), 4 cloves garlic (minced), 2 whole bay leaves, 1.5 tsp salt, 0.5 tsp ground black pepper, and 1 tbsp smoked paprika. Bring the mixture to a boil over medium-high heat, then reduce the heat to low and let it simmer uncovered for 1 hour.
While the beans simmer, you'll notice the liquid reduces and the flavors meld together. Stir occasionally to prevent sticking, but don't worry about over-mixing. After about 45 minutes, check the beans for doneness—they should be tender but not mushy. If they're still firm, continue simmering for another 15-20 minutes. The beans should be soft enough to crush between your fingers but still hold their shape.
Sweeten and Simmer the Beans
Once the beans are tender, stir in the 0.5 cup molasses, 0.5 cup brown sugar, 0.5 cup ketchup, 2 tbsp yellow mustard, and 2 tbsp apple cider vinegar. Give everything a good stir to combine, then return the heat to medium-low and let the mixture simmer uncovered for another 30-40 minutes. This slow simmer allows all the flavors to develop and the sauce to thicken beautifully.
You'll know it's ready when the sauce has reduced slightly and coats the back of a spoon. Taste and adjust the seasoning if needed—you might want to add a pinch more salt or a splash more vinegar for brightness. Remove the bay leaves before serving. The beans should be tender with a rich, glossy sauce that's perfectly balanced between sweet and tangy. This is where all the magic comes together—don't rush this step.
Assemble and Bake to Crispy Perfection
Preheat your oven to 350°F. Transfer the bean mixture to a 9x13-inch baking dish, spreading it out evenly. Sprinkle the chopped crispy bacon evenly over the top, pressing down gently so it sticks to the beans. This creates that beautiful crispy topping that everyone loves.
Bake uncovered for 25-30 minutes until the top is golden brown and bubbly. The edges should be slightly crispy, and the beans should be heated through. If the top starts to brown too quickly, tent it loosely with foil for the last 10 minutes to prevent burning while still allowing it to crisp up.
Let the baked beans rest for 10 minutes before serving. This resting time allows the flavors to settle and the juices to redistribute. Serve warm with crusty bread or cornbread, and watch as everyone reaches for seconds. The contrast of the crispy bacon against the tender, sweet-savory beans is what makes this recipe truly special.
Pro Tips For Making Campbell'S Baked Beans
- CRACK THE BACON LOW: Thick-cut bacon takes forever at high heat—skip the rush. Cook it slow on medium-low (15-20 minutes) until crispy, then drain on paper towels. The extra time keeps it from turning greasy when mixed into the beans, and those crispy bits stay intact instead of dissolving into the sauce.
- SOAK BEANS OVERNIGHT: Navy beans are stubborn when dry. Toss them in water for at least 8 hours (or overnight) before cooking—this cuts the simmer time by half and prevents that sad, split-bean mush. Drain and rinse before adding to the pot; no need to soak again.
- STIR THE MOLASSES: Molasses loves to sink. After mixing it into the beans, give the pot a quick stir every 5 minutes during the first 15 minutes of simmering. This ensures even distribution—no clumpy pockets of bitterness or sticky spots at the bottom. (Yes, even if you’re lazy like me, do this part.)
- SWEAT THE ONIONS FIRST: Raw onions in beans make for a watery, flavorless mess. Sauté the diced yellow onion in bacon fat (or oil) for 5-7 minutes until soft and translucent before adding any liquids. This builds a base that actually carries the molasses and brown sugar flavors instead of letting them dissolve into nothing.
Troubleshooting great campbell's baked beans
Beans Too Watery?
If your beans turn out too watery after baking, it’s likely because the sauce didn’t reduce enough during simmering. To fix this, I recommend simmering uncovered for an extra 15–20 minutes on the stovetop before baking. This helps thicken the sauce naturally.
If it’s still too thin, transfer the baked beans to a skillet and cook over medium heat for 5–7 minutes, stirring occasionally, until the liquid reduces.
For next time, try adding 1 extra tablespoon of cornstarch mixed with 2 tablespoons of cold water to the sauce before baking—it’ll thicken beautifully. 💧
Bacon Not Crispy?
Thick-cut bacon needs patience—don’t rush it! If your bacon ends up chewy instead of crispy, try baking at 375°F instead of 400°F for 25–30 minutes, flipping once. The lower temperature ensures even cooking without burning.
For extra crispiness, I like to pat the bacon dry with paper towels before baking—this removes excess moisture that can prevent crisping. If you’re short on time, use thin-cut bacon (like Oscar Mayer Home Style) and bake for 15–20 minutes at 400°F. 🥓
Beans Too Sweet?
If your baked beans taste overwhelmingly sweet, it’s likely from too much molasses or brown sugar. To balance the flavor, add 1–2 extra tablespoons of apple cider vinegar or lemon juice to cut the sweetness.
For a smokier, less sweet profile, increase the smoked paprika to 2 tablespoons and add a dash of liquid smoke (½ teaspoon). If you’re making these ahead, taste the sauce after simmering and adjust the sweetness before baking. 🍯
Sauce Too Thin After Baking?
A thin sauce usually means the beans didn’t simmer long enough to thicken. For future batches, simmer the beans for 1 hour and 15 minutes (instead of 1 hour) to reduce the liquid more.
If the sauce is still too thin after baking, mix 1 tablespoon of cornstarch with 2 tablespoons of cold water, stir it into the beans, and bake for an additional 10–15 minutes until thickened.
For a quicker fix, spread the baked beans in a skillet and cook over medium heat for 5 minutes, stirring often. 🍲
Burnt Top Before Beans Are Done?
If the bacon topping burns before the beans are fully heated, tent the baking dish loosely with aluminum foil for the last 10–15 minutes of baking. This traps heat while preventing over-browning.
For even better control, broil the beans for the last 2–3 minutes at the end—this crisps the top without risking burning. If you’re using a dark baking dish (like cast iron), switch to light-colored ceramic or glass for more even heating. 🔥
Beans Still Firm After Baking?
Undercooked beans usually mean they weren’t simmered long enough. To fix this, simmer the beans for an extra 30 minutes on the stovetop before baking.
If they’re still tough, transfer them to a slow cooker with 1 cup of water or broth, cook on low for 2–3 hours, then finish with the sauce and bake as directed.
For next time, soak the beans for 12 hours (instead of 8) and simmer for 1 hour and 30 minutes to ensure tenderness. 🌱
Nutrition facts
Frequently asked questions
Can I make these baked beans without molasses?
Replace the ½ cup molasses with ⅓ cup maple syrup plus ½ teaspoon cinnamon for similar depth. For a richer alternative, use ¼ cup honey plus ¼ cup brown sugar. The key is maintaining that caramelized sweetness—just adjust other flavors to taste after cooking.
How long can I store homemade baked beans?
These beans stay fresh in the refrigerator for 5-6 days in an airtight container. For longer storage, freeze them for up to 3 months. The sauce thickens when frozen, so add a splash of water or broth when reheating. Pro tip: Store the crispy bacon topping separately and add it fresh before serving for maximum crunch.
What's the best way to reheat leftover baked beans?
For best results, transfer beans to a skillet and warm over medium-low heat for 5-7 minutes, stirring occasionally and adding a splash of water or broth if needed. If using the oven, cover with foil and bake at 350°F for 15 minutes. Microwave reheating works too (2-3 minutes), but the texture may be slightly softer. Always add fresh bacon topping when reheating.
Can I substitute navy beans with another type?
While navy beans work best for their firm texture, you can use great northern beans or pinto beans in a pinch. For a creamier texture, try cannellini beans, but they'll need 10-15 minutes less simmering time. Just be sure to soak them first and adjust cooking times accordingly. The flavor profile will be slightly different but still delicious.
Why does my homemade version taste different from canned?
Homemade baked beans develop deeper, more complex flavors through slow cooking and fresh ingredients. The canned version uses preservatives and shorter cooking times for shelf stability. The molasses, vinegar, and spices in this recipe create a more balanced sweet-tangy profile than many commercial brands. Embrace the difference—homemade always tastes fresher!
