Side Dishes
This Campbell's baked beans recipe transforms simple ingredients into a smoky, molasses-kissed masterpiece with a crisp top that begs for a second helping. 🌟 I first perfected this version during a family reunion when the store-bought cans just wouldn't cut it—no crispy edges, no rich depth.
The secret lies in balancing sweetness with smoky heat, letting it bake until the top turns golden and crackly.
What makes this recipe stand out is how it captures that restaurant-quality flavor without requiring fancy techniques. You'll use pantry staples like molasses, mustard, and brown sugar, but the slow baking process develops layers of caramelized sweetness and smoky warmth that turn ordinary beans into something extraordinary.
The crisp top? That comes from a simple cornstarch slurry brushed on before the final minutes in the oven.
By the time you pull this dish from the oven, your kitchen will smell like a weekend barbecue, and every bite will deliver tender beans coated in a glossy, slightly sticky sauce with just the right amount of heat.
The molasses adds depth while the spices create that classic smoky profile—it's the kind of baked bean dish that disappears faster than you can say "seconds, please."
Serve it alongside pulled pork, grilled sausages, or even as a hearty vegetarian main with cornbread. The beauty of this recipe is its versatility—it works for casual weeknight dinners or as the star of your holiday table. Let's get baking!
Ingredients for campbell's baked beans
Pantry staples and a few specialty touches create restaurant-worthy baked beans with crispy magic.
| Ingredient | Amount | Notes |
|---|---|---|
| Navy Beans (Dried) 🌾 | 2 cups | Soaked overnight or quick-soaked |
| Molasses 🍯 | ½ cup | Unsulphured for best flavor |
| Brown Sugar 🍚 | ½ cup | Light or dark, packed |
| Yellow Mustard 🧂 | ¼ cup | Dijon or prepared, no sugar added |
| Ketchup 🍅 | ¼ cup | Heinz or similar |
| Chicken Broth 💧 | 1 ½ cups | Low-sodium preferred |
| Apple Cider Vinegar 🍎 | 1 tbsp | For tangy depth |
| Smoked Paprika 🌶️ | 1 tbsp | For authentic smoky flavor |
| Ground Mustard 🌶️ | 1 tsp | Adds subtle heat |
| Garlic Powder 🧄 | 1 tsp | Freshly ground preferred |
| Onion Powder 🧅 | 1 tsp | For savory base |
| Cornstarch 🌾 | 2 tbsp | For crispy top slurry |
| Water 💧 | ¼ cup | For cornstarch slurry |
| Salt 🧂 | 1 ½ tsp | Adjust to taste |
| Black Pepper 🌶️ | ½ tsp | Freshly cracked |
The beans are the foundation, so don't skimp on quality. Navy beans are ideal—they hold their shape and soak up flavor beautifully. I always grab the dried kind from Whole Foods or the bulk section at Trader Joe's, but canned navy beans work in a pinch (just drain and rinse well). For that authentic molasses flavor, unsulphured molasses from Goya or Anthony's Goods is worth the splurge. The brown sugar? Light or dark both work, but packed cups ensure you get the right measure. Pro tip: if your molasses has crystallized, just warm the jar slightly to loosen it up.
No smoked paprika? Regular paprika plus a pinch of liquid smoke gets you close. Short on mustard? Hot sauce or Worcestershire sauce adds tang, but you'll lose some of that classic mustard bite. The ketchup can be any brand—Heinz is classic, but Hunt's works too. For the cornstarch slurry, make sure to whisk it smooth before brushing on top—no lumps means a perfect crisp. If you're short on time, the beans can be pre-cooked on the stovetop before baking, but the slow oven process develops deeper flavors. Trust me on this one—it's worth the extra hour.
This tastes even better the next day, so make a big batch. Store leftovers in an airtight container in the fridge for up to 5 days. For freezing, portion into individual containers—3 months in the freezer, and they reheat beautifully. The crispy top? That's the magic. Brush it on right before the final 10 minutes of baking, and you'll get that golden, crackly finish every time. Serve it warm with cornbread or alongside pulled pork for the ultimate comfort food experience.
Why You'll Love This Recipe
- No-Fuss Overnight Soak: I’ll be real—soaking dried navy beans overnight isn’t glamorous, but it’s that simple. Just toss them in water the night before, and wake up to beans that soften effortlessly—no peeling, no measuring cups, just pure convenience.
- Sweet-Savory Magic: That molasses-ketchup-mustard combo? It’s a flavor bomb. The deep caramel notes from the brown sugar and molasses play off the tangy mustard like a jazz duet, and the ketchup adds just enough brightness to keep it from being too heavy.
- Tailgate or Taco Night: Between us, these beans are my secret weapon for game days, potlucks, or even as a taco topping. Serve them warm with cornbread for a crowd, or pile them onto hot dogs when you’re craving that classic fair-weather vibe.
- Budget-Friendly Pantry Staple: Dried beans and pantry staples like molasses and ketchup? This recipe costs pennies per serving. Plus, the leftovers reheat beautifully—just add a splash of water and a minute in the microwave, and you’ve got a second meal without extra effort.
Step-by-step instructions for smoky molasses crisp-top baked beans
Here's how to transform simple navy beans into rich, smoky, crisp-topped magic that'll have everyone asking for seconds.
👨🍳 Step 1: Prepare the Beans for Cooking
Start by sorting through the 2 cups of navy beans, picking out any small stones or debris you find. This ensures your beans cook evenly and taste great. For best results, I recommend soaking them overnight in plenty of cold water. If you're short on time, do a quick soak: cover the beans with water by 2 inches in a bowl, bring to a boil for 2 minutes, then let them sit off heat for at least 1 hour.
Drain and rinse the soaked beans thoroughly before using. This removes any excess starch that could make your beans gummy. I like to give them a quick shake in a colander to get rid of any lingering water droplets—wet beans can steam instead of crisp up properly later.
🍳 Step 2: Build the Flavor Base
In a large Dutch oven or heavy pot, combine the drained beans, 1.5 cups of chicken broth, 1 tbsp of smoked paprika, 1 tsp of garlic powder, 1 tsp of onion powder, 1 tsp of ground mustard, 1.5 tsp of salt, and 0.5 tsp of black pepper. Bring everything to a gentle boil over medium-high heat, then immediately reduce to a simmer. Let it cook uncovered for 30 minutes, stirring occasionally to prevent sticking.
Here's where the magic starts: the smoky paprika and warm spices begin infusing the beans with deep flavor. You'll notice the broth reduces slightly and the beans start to soften. This is your flavor foundation—don't rush it. If the liquid gets too low, add a splash of water to keep everything moist.
🥘 Step 3: Add Sweet and Tangy Elements
After 30 minutes, stir in the 0.5 cup of molasses, 0.5 cup of brown sugar, 0.25 cup of yellow mustard, 0.25 cup of ketchup, and 1 tbsp of apple cider vinegar. The mixture will look thick and syrupy—this is exactly what you want. Simmer uncovered for another 30 minutes, stirring every 10 minutes to distribute the flavors evenly.
This is the moment that matters: the molasses and brown sugar caramelize slightly, creating that deep, rich flavor we all love in baked beans. The vinegar adds a subtle tang that balances the sweetness. You'll smell that wonderful combination of smoky, sweet, and tangy aromas filling your kitchen—trust me, it's worth the wait.
🔥 Step 4: Create the Crispy Topping
In a small bowl, whisk together the 2 tbsp of cornstarch and 0.25 cup of water until completely smooth. This creates your crispy topping slurry. Spoon this mixture evenly over the beans in the pot, spreading it with a spoon to cover the entire surface. Return to medium heat and cook uncovered for 10-15 minutes, stirring occasionally.
Watch closely here—you want the top to become golden brown and crispy, almost like a thin crust. If it starts to bubble too vigorously, reduce the heat slightly. The cornstarch slurry transforms into a beautiful, crackly topping that adds texture contrast to the soft beans underneath. Don't walk away during this final stage!
⏰ Step 5: Rest and Serve with Perfect Texture
Once the top is crispy and golden, remove from heat and let the beans rest for 10 minutes. This resting period allows the flavors to meld completely and the beans to absorb all that delicious sauce. I know it's tempting to dig in immediately, but trust me—this step makes a huge difference in the final texture and flavor.
Serve the beans warm, making sure to get that crispy topping with each spoonful. The contrast between the soft, smoky beans and the crispy top is what makes these baked beans truly special. They're perfect as a side dish for barbecue, grilled meats, or even on their own with some cornbread for a hearty meal.
Pro Tips For Making Campbell'S Baked Beans
- Soak Overnight, Not Quick: I learned this the hard way—rushing the soak with navy beans leaves them tough as boot leather. Skip the 2-hour quick-soak trick here; these beans need a full 8–12 hours in water (or a pressure cooker’s 15-minute cycle) to soften properly. The recipe’s sweetness won’t save you if the texture’s off.
- Brown the Sugar First: Dump that molasses and brown sugar straight into the pot? Don’t. Melt them together in a dry skillet for 2–3 minutes until the sugar turns golden and smells caramelized. This deepens the flavor way more than just stirring it into the beans—trust me, your taste buds will notice.
- Skip the Boil: After adding the beans and liquid, resist the urge to crank the heat to high. A gentle simmer (tiny bubbles, occasional skimming) prevents the molasses from burning and keeps the beans from splitting. I used to rush this, and the result was bitter, gloopy messes.
- Stir in Mustard Last: Add the yellow mustard at the very end, right before baking. Stirring it in early makes the beans taste raw and sharp. Let the molasses and ketchup mellow first—this balances the heat and lets the sweetness shine. (Yes, even if you’re impatient like me.)
Flavor customization for this dish
Sweet Heat Balance
Adjust the molasses-to-brown sugar ratio to control sweetness intensity. For a boldly sweet profile, increase molasses by 1 tbsp and reduce sugar by the same amount. Want heat? Add ½ tsp cayenne or 1 tsp chipotle powder to the spice mix.
My go-to for balance is ¼ cup molasses with ¼ cup sugar, but I've seen Southern cooks use all molasses for a deeper caramel note. 🌶️
Smoky Depth Variations
Swap smoked paprika for liquid smoke (½ tsp) or chipotle powder (1 tsp) for a fiery smoky kick. For a milder profile, reduce to ½ tsp smoked paprika and add ½ tsp cinnamon—this works surprisingly well with the molasses.
I once used ½ cup barbecue sauce instead of ketchup for a grillhouse twist, which added a tangy smokiness that surprised everyone.
Tangy Twists
Boost tang with extra apple cider vinegar (add 1 tsp) or lemon juice (1 tbsp). For a savory edge, stir in 1 tbsp Worcestershire sauce during the final simmer.
My Cincinnati-style variation includes 1 tbsp tomato paste cooked into the broth base—it deepens the umami without overpowering the sweetness. The key is balancing acidity with the molasses' richness.
Texture Experiments
Want extra crispiness? Brush the top with molten butter after the cornstarch slurry sets. For creamy beans, stir in ½ cup Greek yogurt or sour cream during the final 10 minutes of simmering.
I once added ¼ cup shredded cheddar to the crispy topping before baking—it melted into a gooey, cheesy crust that was pure magic. 🧀
Regional Adaptations
Southern Style: Add 1 tbsp hot sauce and ½ cup crushed Ritz crackers to the crispy topping for a crunchy contrast. New England: Use maple syrup instead of molasses and add ½ tsp nutmeg for warmth. My Pacific Northwest version swaps molasses for blackberry jam and includes fresh rosemary—it's unexpected but works beautifully with smoked salmon.
Dietary Swaps
For low-sugar, replace molasses with sugar-free maple syrup (¼ cup) and reduce brown sugar to 2 tbsp. Gluten-free? Use tamari instead of soy sauce in the broth. Vegan? Skip honey entirely and add 1 tbsp nutritional yeast for a cheesy note.
I've even made a keto version with sugar-free molasses and erythritol—it's not identical, but still delicious with the crispy topping. 🥗
Nutrition facts
Frequently asked questions
Can I use canned beans instead of dried?
Use 2 (15 oz) cans of navy beans (or pinto beans) instead of dried. Drain and rinse them thoroughly before adding to the pot. The cooking time will be shorter since canned beans are pre-cooked. Just reduce the initial simmering time to 15-20 minutes before adding the sweet ingredients.
Why does my crispy top keep falling apart?
This usually happens if the cornstarch slurry isn't smooth or the beans are too wet. Always whisk the cornstarch and water until completely dissolved, and make sure to drain the beans well before cooking. For extra stability, let the beans rest 10 minutes after adding the crispy topping before serving.
How can I make these beans vegetarian?
Swap the chicken broth for vegetable broth and add 1 tbsp soy sauce or 1 tsp miso paste for umami depth. For a cheesy twist, stir in ½ cup shredded cheddar during the final 10 minutes of simmering. The crispy topping will still work perfectly!
Can I make this recipe in a slow cooker?
Yes! Combine all ingredients (except cornstarch slurry) in your slow cooker and cook on LOW for 6-7 hours or HIGH for 3-4 hours. In the last 30 minutes, add the crispy topping and cover with a lid (leave slightly ajar for crispiness). The flavors will meld beautifully, though the texture will be slightly softer than oven-baked.
What's the best way to reheat leftovers?
Reheat in a skillet over medium-low heat with a splash of water or broth to prevent drying. For crispy tops, cover with foil and reheat, then uncover to crisp again. Microwave reheating works but may make the top soggy. Store leftovers in an airtight container for up to 5 days.
