Side Dishes
Campbell's baked beans recipe delivers that iconic molasses-kissed depth and crispy onion crown we all crave—just like the canned version, but with the satisfaction of making it from scratch. 🔥 Growing up in Cincinnati, Mrs. Henderson's slow-cooked beans taught me patience pays off in rich, caramelized flavor that clings to every bite.
This recipe transforms simple navy beans into tender, saucy perfection through a balance of sweet molasses, smoky brown sugar, and slow oven baking. The secret lies in layering onions until they caramelize into a golden crown, while bacon adds savory depth that cuts through the sweetness.
It's the kind of dish that tastes even better the next day.
By the time your oven timer dings, you'll have beans so tender they practically melt in your mouth, topped with that signature crispy onion lattice and optional cheese melt.
The aroma alone transforms any meal into something special—whether it's a backyard BBQ or a weeknight dinner. Here's how to make them from scratch.
For those watching their sugar or following plant-based diets, I've included variations that keep the traditional flavors while adapting to modern preferences. The beauty of homemade is you control exactly what goes in—no preservatives, just real ingredients and restaurant-quality results.
Ingredients for campbell's baked beans
Sixteen ingredients transform simple navy beans into that iconic molasses-kissed, crispy-crowned dish you crave.
| Ingredient | Amount | Notes |
|---|---|---|
| Navy Beans 🍲 | 2 cups | Dried, soaked overnight |
| Yellow Onions 🧅 | 3 large | Thinly sliced for caramelization |
| Thick-Cut Bacon 🥓 | 8 oz | Chopped into small pieces |
| Unsalted Butter 🧈 | ½ cup | Full-fat for richness |
| Molasses 🍯 | ½ cup | Unsulphured preferred |
| Light Brown Sugar 🍚 | ½ cup | Packed firmly |
| Kosher Salt 🧂 | 1 ½ tsp | Diamond Crystal preferred |
| Ground Black Pepper 🌶️ | ½ tsp | Freshly ground |
| Mustard Powder 🌶️ | 1 tsp | For tangy depth |
| Ground Cloves 🌿 | ¼ tsp | Warm, aromatic spice |
| Bay Leaves 🍃 | 2 whole | Fresh or dried |
| Apple Cider Vinegar 🍎 | 2 tbsp | For acidity balance |
| Shredded Cheddar Cheese 🧀 | 1 cup | Optional for topping |
The onions are the star here—yellow onions from the grocery store's produce section work, but sweet onions like Vidalia or Maui add that caramelized sweetness that makes this dish sing. I always buy a big bag of bacon when I see it on sale at Costco—it keeps for months in the freezer. For the molasses, Goya unsulphured is my go-to, but any good-quality brand works. The brown sugar? Light brown gives you that perfect balance of moisture and caramelization without being too heavy.
No molasses on hand? Maple syrup at half the amount works in a pinch, though it'll be slightly less rich. Short on bacon? Smoked paprika plus a splash of liquid smoke mimics that smoky depth. The beans need to be soaked overnight—no shortcuts here. If you're watching sugar, swap half the brown sugar for erythritol or monk fruit sweetener. For a plant-based version, use vegetable broth instead of bacon fat and skip the cheese topping. The vinegar is key—apple cider vinegar has the perfect balance of tang, but white vinegar works too.
These beans taste even better the next day—make a double batch if you can. Store leftovers in the fridge for 5-6 days, or freeze for up to 3 months. I like to portion them into individual containers so I can grab and reheat for quick lunches. The onion crown gets crispier the longer it bakes, so don't be afraid to let it go golden brown. For serving, I always add a sprinkle of fresh parsley right before eating—it cuts through all that sweetness beautifully.
Why You'll Love This Recipe
- One-Pan Magic: I swear by this recipe because it’s literally one bowl, one spoon, and done. No fussing with multiple pans or chopping mountains of veggies—just toss in the pre-cooked beans, crispy bacon bits, and onions, then let the oven do the work. Honestly, the cleanup takes less time than scrolling through my phone.
- Smoky-Sweet Bliss: That molasses? Chef’s kiss. It caramelizes into this deep, sticky richness that makes every bite feel like a hug, especially when it’s balanced by the smoky crunch of thick-cut bacon. The butter ties it all together—creamy, buttery, and impossible to stop eating.
- Tailgate or Tuesday: Between us, this is my go-to for game days, lazy Sundays, or when I’m too tired to cook. The rich, hearty flavor stands up to anything—grilled burgers, sandwiches, or even just straight from the pot with a hunk of crusty bread. (Yes, even on a Tuesday night.)
- Budget-Friendly Powerhouse: Navy beans and bacon stretch this dish to feed four for under $10, and the leftovers? Even better the next day. The flavors deepen as it sits, and I’ve reheated these for breakfast burritos or as a side for weeks without getting sick of it. My wallet—and my family—thank me.
Step-by-step instructions for molasses-kissed baked beans
This method delivers restaurant-quality beans with caramelized onions and crispy bacon crowns.
🔥 Step 1: Caramelize Onions and Cook Bacon
Heat a large Dutch oven over medium heat and add the 8 oz chopped thick-cut bacon. Cook for 8-10 minutes, stirring occasionally, until the bacon is deep golden brown and crispy. Use a slotted spoon to transfer the bacon to a paper towel-lined plate, leaving the rendered fat in the pot.
To the bacon fat, add the 3 large thinly sliced yellow onions. Cook for 15-18 minutes without stirring until the onions are deep golden brown and caramelized at the edges. Here's the thing—resist the urge to stir frequently. The onions need time to develop that sweet, crispy texture, and constant stirring prevents proper browning.
🍳 Step 2: Build the Flavor Base
Reduce heat to medium-low and add the 0.5 cup unsalted butter to the pot. Stir until melted and combined with the caramelized onions, about 1 minute. This butter adds richness that balances the molasses' intensity.
Next, add the 0.5 cup molasses, 0.5 cup light brown sugar, 2 tbsp apple cider vinegar, 1.5 tsp kosher salt, 0.5 tsp ground black pepper, 1 tsp mustard powder, and 0.25 tsp ground cloves. Stir vigorously for 2 minutes until everything is fully incorporated. The mixture should smell complex—sweet, tangy, and warmly spiced.
🥘 Step 3: Simmer the Beans to Perfection
Add the 2 cups soaked navy beans and 2 whole bay leaves to the pot. Pour in enough water to cover the beans by 2 inches—about 6 cups. Bring to a boil over high heat, then immediately reduce to low heat and simmer uncovered for 2 hours.
Here's where patience pays off: Stir occasionally, especially during the first 30 minutes, to prevent the beans from sticking to the bottom. After 1 hour, check the liquid level and add ½ cup hot water if the beans aren't fully submerged. The beans are done when they're tender but not mushy, and the sauce has thickened to a glossy consistency.
⏰ Step 4: Finish and Top with Crispy Elements
Remove the bay leaves and adjust seasoning if needed—you might want to add a pinch more salt or a splash of vinegar to balance the sweetness. Return the crispy bacon to the pot and stir gently to distribute.
For that signature crispy onion crown, spread the 1 cup shredded cheddar cheese evenly over the top. Transfer the Dutch oven to a 400°F preheated oven and bake for 5-7 minutes until the cheese is bubbly and golden brown. The cheese will create a delicious, crispy blanket that contrasts perfectly with the tender beans below.
Pro Tips For Making Campbell'S Baked Beans
- COOK THE BEANS FIRST: Skip the canned shortcut—soaking and simmering dried navy beans until truly tender (at least 1.5 hours) makes the texture velvety, not mushy. I learned this the hard way when my beans stayed chalky no matter how long I baked them later.
- CUT BACON IN STRIPS: Dice the thick-cut bacon into ½-inch strips instead of crumbles—it renders slower, keeping the beans juicier while still giving that smoky depth. Crumbles burn fast and leave you with dry beans.
- CARAMELIZE ONIONS LOW: Walk away after 15 minutes of cooking the onions—they’ll keep sweeting without burning. I used to rush this, and the beans ended up tasting bitter. Let them turn golden, not brown.
- ADD MOLASSES LAST: Stir in the molasses only in the final 10 minutes of baking—its sweetness burns off fast, and adding it early makes the beans cloyingly sweet. This keeps the flavor balanced, not overpowering.
Regional styles of these flavors
Southern BBQ Style
In the South, these beans get a smoky, slow-cooked twist that pairs perfectly with pulled pork or brisket. I like to add ½ cup BBQ sauce (like Sweet Baby Ray's) to the simmering beans during the last 30 minutes of cooking.
For extra depth, swap the molasses for ½ cup unsulphured molasses plus 1 tbsp smoked paprika. Serve with a sprinkle of crushed red pepper flakes for heat that cuts through the sweetness. 🌶️
New England Clam Chowder Twist
Up north, I've seen these beans transformed into a creamy chowder by adding 1 cup heavy cream and ½ cup chopped celery during the final simmer. Stir in 12 chopped clams (or 1 can chopped clams) in the last 10 minutes of cooking.
Top with crumbled bacon and green onions for a coastal-inspired dish that's perfect with oyster crackers.
Texas-Style Smoked Beans
Texas takes baked beans to the next level by smoking them. After the initial simmer, transfer the beans to a smoker at 225°F with hickory or pecan wood chips for 2-3 hours.
Add 1 tbsp chipotle powder to the sauce before smoking for a smoky-chili heat. Serve with cornbread and sliced jalapeños for that true Lone Star flavor. 🔥
Pacific Northwest Vegan Version
Here in Portland, I've adapted this recipe for plant-based eaters using vegetable broth instead of bacon fat and smoked paprika for depth. Swap molasses for maple syrup and add 1 tbsp miso paste for umami richness.
Top with vegan cheddar and bake until bubbly. The caramelized onions still shine through, proving you don't need meat for great flavor. 🌱
Midwest Potluck Favorite
At Ohio potlucks, these beans often get a heartier touch with ½ cup diced potatoes added during the final 45 minutes of simmering. I also like adding 1 cup corn kernels (fresh or frozen) for a sweet, summery contrast.
The crowd always goes for the extra crispy bacon crown—it's become my signature move at family gatherings. 🥓
California BBQ Fusion
Out west, they love topping these beans with avocado slices and pickled red onions for a fresh, bright contrast. Add 1 tsp cumin and ½ tsp coriander to the spice blend for a Mexican-inspired twist. Serve with warm tortillas and salsa for a dish that bridges two coasts beautifully. 🌶️
Nutrition facts
Frequently asked questions
Can I use canned beans instead of dried for this recipe?
Yes, but your texture will differ! Use 3 (15 oz) cans of navy beans (drained and rinsed) and reduce the simmering time to 45-60 minutes since canned beans cook faster. The flavor will be similar, but the beans won't have that same hearty, old-fashioned texture. For best results, stick with dried beans soaked overnight.
What's the secret to getting that perfect crispy onion crown?
Patience and high heat! Caramelize the onions slowly for 15-18 minutes without stirring too often. For extra crispiness, spread them in a thin layer on a baking sheet at 400°F for 5 minutes before adding cheese. The key is layering them evenly so they brown uniformly - think golden lattice, not soggy layers!
How can I make these beans vegan?
Swap bacon fat for 2 tbsp olive oil or vegetable broth, use maple syrup instead of molasses, and add 1 tbsp miso paste for umami. For the crispy topping, use vegan cheddar or nutritional yeast. The caramelized onions will still shine through - it's all about balancing those sweet and savory notes!
Why do my beans turn out too sweet?
Too much sugar or molasses can make them cloying. Balance with acid - add 1 extra tbsp vinegar or ½ tsp mustard powder during the last 15 minutes of simmering. For next time, reduce brown sugar to ¼ cup and use ⅓ cup molasses. The beans should taste complex, not one-note!
Can I make these in a slow cooker instead of oven?
Follow the same steps until simmering, then transfer everything to a 6-quart slow cooker on low for 6-8 hours. Skip the final oven step - the beans will be tender and flavorful. For extra richness, stir in 2 tbsp butter at the end. The slow cooker method is perfect for hands-off prep!