Heinz Baked Beans Copycat Recipe: Crispy Top, Smoky Sweetness in One Pot

Side Dishes

Heinz Baked Beans Copycat Recipe: Crispy Top, Smoky Sweetness in One Pot

This Heinz baked beans copycat recipe delivers that iconic crispy top and smoky-sweet flavor in a single pot—just like the canned classic you love. The secret lies in a precise blend of brown sugar, molasses, and spices that caramelizes beautifully while keeping the beans tender.

I’ve perfected this method over years of testing, ensuring every batch captures that familiar taste without the preservatives.

The process is simpler than you’d think: layer canned beans with a carefully balanced sauce, then bake until the top turns golden and crispy. No fancy equipment needed—just a cast-iron skillet or oven-safe dish and about 45 minutes of hands-off time.

The result? A dish that’s rich, slightly tangy, and packed with that signature smoky depth you crave.

What makes this recipe stand out is the texture—crispy edges that shatter slightly when you cut in, giving way to creamy, saucy beans underneath. The sauce clings perfectly to each bean, creating that signature Heinz mouthfeel without the artificial aftertaste.

It’s the kind of dish that turns a simple meal into something memorable.

Serve these alongside grilled meats, cornbread, or even as a standalone side for a hearty, comforting meal. The best part? You can make a big batch and reheat it later—just add a splash of water to keep the sauce luscious. Ready to recreate this classic? Let’s get started.

👨‍🍳
Difficulty
Medium
🥩
Diet
Meat
🔥
Calories
Med Cal

Ingredients for heinz baked beans copycat

Six ingredients transform into that iconic crispy-topped, smoky-sweet baked bean magic you crave.

Ingredient Amount Notes
Navel Oranges 🍊 2 whole Juiced for bright citrus flavor
Brown Sugar 🍚 ¾ cup Packed, light or dark
Molasses 🍯 ¼ cup Unsulphured preferred
Ketchup 🍅 ½ cup Heinz preferred for consistency
Dijon Mustard 🥬 1 tbsp For tangy depth
Apple Cider Vinegar 🍏 1 tbsp For acidity balance
Ground Black Pepper 🌶️ ½ tsp Freshly cracked
Ground Cloves 🌿 ¼ tsp Whole cloves crushed
Ground Allspice 🌶️ ¼ tsp For warm spice notes
Salt 🧂 1 ½ tsp Kosher or sea salt
Baking Soda 🧪 ½ tsp For crispy top
Canned Navy Beans 🍲 2 cans 15 oz each, drained
Canned Pork and Beans 🥓 1 can 15 oz, drained
Unsalted Butter 🧈 2 tbsp For sauce richness
Heavy Cream 🥛 ¼ cup For velvety texture

The molasses and brown sugar are non-negotiable here—they create that signature caramelized crust. Trader Joe's and Whole Foods carry the best unsulphured molasses (look for a deep, rich color), while brown sugar should be packed—don’t skimp on volume. The spices? Whole cloves and allspice make all the difference—Penzeys or bulk bins at natural markets have the freshest. I always double-check the canned beans for blemishes—Great Northern or navy beans work best, but any white bean in a can will do in a pinch. The pork and beans can be swapped for extra navy beans if you're vegetarian, but the smoky depth will be slightly different.

No molasses? Maple syrup at half the amount works, though it won’t be as rich. Short on brown sugar? White sugar plus 1 tsp cinnamon mimics the caramelization. The baking soda is key for that crispy top—don’t skip it! For a quicker version, use instant coffee granules (1 tsp) instead of cloves and allspice (trust me, it works). The heavy cream can be swapped for half-and-half, but the texture will be slightly lighter. And if you’re worried about the vinegar making it too tangy, taste as you go—you can always add more sweetness to balance.

This sauce reheats beautifully—just add a splash of water to keep it saucy. Store leftovers in the fridge for 5 days or freeze for 3 months. For the crispy top, I like to make a double batch of sauce and pour it over the beans right before baking. Pro tip: Sprinkle extra baking soda on top right before the final 10 minutes in the oven for maximum crunch. The flavor actually improves overnight, so this is the kind of dish that tastes even better for lunch the next day.

❤️

Why You'll Love This Recipe

  • One-Pot Magic: I swear by this recipe because it’s literally just dump-and-bake. No chopping, no fuss—just toss those navel orange segments (yes, the peel stays on for that bright zing) with the rest of the ingredients in one pot and let it simmer. My slow cooker does all the work while I’m folding laundry.
  • Sweet-Savory Wham: That molasses and Dijon mustard combo? It’s the secret weapon here. The brown sugar caramelizes into a glossy sheen, while the orange juice cuts through the richness—like a hug in sauce form. (Honestly, I’ve had people ask if I made it from scratch, and I just smile while they lick their plate.)
  • Tailgate or Tuesday: Between us, this is my go-to for stadium nights, but it’s also the star of my lazy Sunday brunch spread. Serve it with cornbread for a Southern feast or slather it on hot dogs for a crowd-pleasing shortcut. My college roommate still texts me for the recipe every football season.
  • Budget-Friendly Pantry Gold: I make this with ingredients I already have—no specialty trips to the store. A can of beans, a few dollars’ worth of citrus, and spices you’re probably already using. Plus, the leftovers? They taste just as good reheated the next day, so I always double the batch. (Yes, even on a Tuesday night.)

Step-by-step instructions for Heinz baked beans copycat recipe

Here's how to recreate that iconic crispy top and smoky-sweet flavor in your own kitchen.

1

Juice the Navel Oranges and Mix the Sauce Base

Start by juicing the 2 whole navel oranges using a citrus juicer or reamer. You should yield about ½ cup of fresh juice—strain it through a fine-mesh sieve to remove any pulp. In a large Dutch oven or heavy pot, combine the orange juice with the 0.5 cup ketchup, 0.25 cup molasses, 0.75 cup brown sugar, 1 tablespoon Dijon mustard, and 1 tablespoon apple cider vinegar.

Stir everything together until the brown sugar dissolves completely. The mixture will be thick and syrupy—this is perfect for building that rich, caramelized sauce. Taste and adjust the sweetness if needed by adding a pinch more brown sugar or a splash of vinegar for tang. This balance is what gives Heinz beans their signature flavor profile.

2

Add Beans, Spices, and Baking Soda for Crispy Top

Drain and rinse the 2 cans navy beans and 1 can pork and beans thoroughly under cold water. Add them to the pot along with the 0.5 teaspoon baking soda, 0.5 teaspoon ground black pepper, 0.25 teaspoon ground cloves, 0.25 teaspoon ground allspice, and 1.5 teaspoons salt. Stir everything gently but thoroughly—you want the spices to distribute evenly without breaking up the beans.

The baking soda is the secret ingredient for that coveted crispy top. It creates a chemical reaction that forms a crackly crust while keeping the interior tender. Give the mixture one final taste and adjust seasoning if needed—this is your last chance before baking.

3

Bake Until Crispy and Bubbling

Cover the pot with a tight-fitting lid and bake at 350°F for 1 hour. After the initial hour, remove the lid and continue baking for another 30-45 minutes until the top develops a deep golden-brown crust with crackly edges. You'll see bubbles forming around the edges and the surface will look almost caramelized—this is what you're aiming for.

Real talk: Don't be tempted to peek under the lid during baking. Every time you lift it, you release steam and prevent that crispy crust from forming. If your oven runs hot, you might need to reduce the temperature to 325°F for the final 15 minutes to prevent burning.

4

Finish with Butter and Heavy Cream for Richness

Once the beans reach that perfect crispy state, remove them from the oven and let them rest for 5 minutes. Then stir in the 2 tablespoons unsalted butter and 0.25 cup heavy cream. The butter will melt into the beans, adding richness, while the cream creates that velvety texture that makes these beans irresistible.

Let the beans sit covered for another 10 minutes before serving. This resting period allows the flavors to meld completely and the sauce to thicken slightly. The contrast between the crispy top and creamy interior is what makes this copycat recipe so special—just like the original canned version you love.

5

Serve with Crusty Bread and Enjoy

Spoon the baked beans into serving bowls, making sure to get that beautiful crispy top. The beans should be tender but still hold their shape, with a glossy sauce clinging to each bean. Serve immediately with warm crusty bread or cornbread to soak up every last bit of that smoky-sweet sauce.

These beans keep well in the refrigerator for up to 5 days, though I doubt they'll last that long. The flavors actually deepen overnight, making leftovers even more delicious. For extra crispiness, you can broil the beans for 2-3 minutes before serving if they've lost their crackly top.

👨‍🍳

Pro Tips For Making Heinz Baked Beans Copycat

  • Simmer the Molasses: After burning three batches, I finally figured out: reduce the molasses first. Heat it alone in a small saucepan for 2-3 minutes until it thickens slightly—this prevents that bitter, charred taste that ruins the whole dish. (Yes, even if you're impatient like me.)
  • Zest the Oranges: Skip the juice—use the zest. The peel’s citrus oils are what gives Heinz-style beans that bright, tangy depth. Grate just the outer layer (no white pith) and mix it into the sauce at the end. It’s the thing that matters most when you’re trying to nail that iconic flavor.
  • Start Low, End High: I learned this the hard way—don’t boil the sauce. Simmer the beans and sauce on medium-low heat for the first 15 minutes to let the flavors meld. Then, crank it up to medium for the last 10 to thicken and caramelize the sugars. Boiling turns the ketchup and molasses into a sad, watery mess.
  • Deglaze the Pan: This isn’t the prettiest method, but it works: after browning the beans, splash in ¼ cup water or broth and scrape up those browned bits. Those bits pack more flavor than you’d think, and they’ll blend right into the sauce without you even noticing. (Your future self will thank you.)

Perfect pairings for this heinz baked beans copycat

Classic BBQ Pairings

Serve these copycat Heinz baked beans alongside a smoky pulled pork sandwich or grilled ribs—the sweet-tangy sauce cuts through rich meats beautifully. I love pairing them with Texas-style brisket and cornbread for a Southern-style feast.

For a lighter option, try them with grilled chicken thighs and a side of collard greens for a balanced meal. 🍖

Breakfast Boost

Transform this into a breakfast star by topping buttermilk biscuits or sourdough toast with a generous spoonful. The crispy top adds texture, while the smoky-sweet flavor balances the richness of scrambled eggs or bacon.

I even add a dollop to my breakfast burritos for extra depth—trust me, it’s a game-changer. 🍳

Game Day Staple

These beans are a crowd-pleaser at football gatherings. Serve them in a slow cooker for easy crowd feeding—just transfer the baked mixture to a 6-quart slow cooker and cook on low for 4 hours.

Pair with hot dogs, bratwurst, and potato salad for a nostalgic tailgate spread. The crispy top holds up well even when served at room temperature. 🏈

Vegetarian Adaptations

Swap the pork and beans for extra navy beans or smoked tofu to keep it meat-free. Add caramelized onions and crumbled feta for extra richness. I also love topping them with avocado slices and a squeeze of lime for a fresh twist.

The smoky-sweet flavor still shines without the meat. 🌱

Dessert Twist

Yes, you read that right! Use the leftover sauce to glaze pork tenderloin or baked apples. The molasses and spices add a surprising depth to grilled peaches or caramelized bananas.

For a decadent treat, drizzle the sauce over vanilla ice cream—the tangy-sweet combo is unexpected but delicious. 🍦

Beverage Pairings

A cold sweet tea or root beer float balances the richness of these beans perfectly. For something stronger, try a bourbon or rye whiskey—the caramel notes in the sauce complement the smokiness of the alcohol.

A craft IPA with citrusy hops also works surprisingly well, cutting through the sweetness. 🍺

Nutrition facts

Servings 6
Amount Per Serving
Calories 380kcal
% Daily Value *
Total Fat 12g15%
Saturated Fat 7g35%
Cholesterol 30mg10%
Sodium 1020mg44%
Total Carbohydrate 62g23%
Dietary Fiber 8g29%
Sugars 38g
Protein 18g36%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

Frequently asked questions

1

Why does the recipe use baking soda for the crispy top?

The baking soda creates a chemical reaction that forms a crackly crust while keeping the beans tender underneath. It’s the secret ingredient that mimics the texture of canned baked beans. Just 0.5 teaspoon is all you need—too much will make the sauce bitter.

2

Can I make this recipe without molasses?

Yes, but the flavor will be different. Replace the 0.25 cup molasses with 0.125 cup maple syrup for a lighter sweetness or 0.25 cup brown sugar plus 1 tsp cinnamon to mimic the caramelization. The sauce will still taste delicious, just less rich and complex.

3

How do I fix runny sauce after baking?

If the sauce is too thin, simmer the beans uncovered on the stovetop for 5-10 minutes to thicken it naturally. For extra richness, stir in 1 tablespoon cornstarch mixed with 2 tbsp water and cook until thickened. Avoid adding flour directly—it can make the beans gummy.

4

What’s the best way to reheat these beans?

Reheat in a skillet over medium-low heat with a splash of water or broth to restore moisture. For the crispy top, broil for 2-3 minutes after reheating. Microwaving works, but the texture won’t be as satisfying—save that for leftovers you’re in a hurry to eat.

5

Can I make this recipe in a slow cooker?

Transfer the baked mixture to a 6-quart slow cooker and cook on low for 4 hours (covered). For crispiness, broil for 5 minutes before serving. The slow cooker method is perfect for game day or large gatherings—just skip the baking soda until the final step to preserve the crispy top.

★★★★★4.7(2 reviews)
Categories Side Dishes