Smoky Pineapple Baked Beans

Baked beans are the side dish that shows up to every cookout, and honestly, I’m never mad about it. They’re sweet, they’re savory, and they go with just about everything you throw on the grill. But let’s be real – opening a can and warming it up gets old after a while.

That’s where pineapple baked beans come in. Adding pineapple might sound a little different, but trust me, the sweetness from the fruit works perfectly with the smoky bacon and tangy sauce. Plus, you get those caramelized bits on top when you bake it that everyone fights over.

Want beans that taste like you spent hours on them? This recipe takes about twenty minutes of prep, and the oven does the rest. No complicated steps, and you probably have most of these ingredients already.

What Kind of Pork and Beans Should I Use?

For this recipe, any brand of canned pork and beans will work just fine, so feel free to grab whatever’s on sale at your grocery store. Some brands are a bit sweeter while others have a more savory tomato flavor, but once you mix in all the other ingredients like pineapple, brown sugar, and ketchup, those differences pretty much even out. If you prefer a thicker consistency, look for brands labeled “baked beans” instead of “pork and beans” – they tend to have a slightly thicker sauce. And if you’re cooking for a crowd, don’t worry about mixing brands if you need to – nobody will be able to tell the difference once everything’s baked together.

Options for Substitutions

This recipe is pretty forgiving, so here are some easy swaps you can make:

• Bacon: Turkey bacon works great if you’re looking for a lighter option. You can also skip the bacon entirely and add a teaspoon of liquid smoke to get that smoky flavor.
• Pork and beans: Plain canned navy beans or great northern beans are good substitutes. You’ll want to add an extra tablespoon of ketchup and a bit more brown sugar to make up for the missing sauce.
• Pineapple tidbits: Crushed pineapple works just as well – just make sure to drain it thoroughly. Fresh pineapple is fine too, but you’ll need about 2 cups of chopped pieces.
• Dark brown sugar: Light brown sugar or even regular white sugar will work in a pinch. If using white sugar, you might want to add a tiny splash of molasses for that deeper flavor.
• Yellow mustard: Dijon mustard can replace yellow mustard, though it’ll give the beans a slightly tangier taste. Start with 2 teaspoons and adjust to your liking.
• Apple cider vinegar: White vinegar or even a squeeze of lemon juice will provide that acidic balance the dish needs.

Watch Out for These Mistakes While Baking

The biggest mistake people make with baked beans is not draining the pineapple well enough, which can make your dish watery instead of thick and saucy – give those tidbits a good squeeze in a strainer to remove excess juice.

Another common error is undercooking the bacon at the start, so make sure it’s actually crispy before adding the onions, as it won’t crisp up much more once everything is mixed together and baking.

Don’t skip cooking the onions for the full 5 minutes after the bacon is done, since this step softens them and brings out their sweetness, which balances the tangy-sweet sauce.

Finally, if your beans look too liquidy after an hour, just leave them in the oven for another 15-20 minutes uncovered – they’ll thicken up as the excess moisture evaporates.

What to Serve With Pineapple Baked Beans?

These sweet and savory beans are perfect for your next backyard barbecue alongside grilled burgers, hot dogs, or pulled pork sandwiches. I love serving them with cornbread or dinner rolls to soak up all that delicious sauce, and they pair really well with coleslaw for a cool, crunchy contrast. If you’re going for a full cookout spread, add some potato salad or corn on the cob to round out the meal. These beans also work great as a side for grilled chicken or ribs, and leftovers are even better the next day after all the flavors have had time to meld together.

Storage Instructions

Store: These pineapple baked beans taste even better the next day once all the flavors have had time to hang out together. Keep them in an airtight container in the fridge for up to 5 days. They’re great for potlucks or making ahead for weekend cookouts.

Freeze: You can freeze these beans in a freezer-safe container for up to 3 months. Just make sure they’re completely cooled first, and leave a little room at the top since they’ll expand as they freeze.

Reheat: Warm them up in a covered dish in the oven at 350°F for about 20 minutes, or heat them on the stovetop over medium-low heat, stirring occasionally. You can also microwave individual portions for a quick side dish during the week.

Estimated Nutrition

Estimated nutrition for the whole recipe (without optional ingredients):

• Calories: 1700-1900
• Protein: 50-60 g
• Fat: 30-36 g
• Carbohydrates: 330-360 g

Ingredients

• 6 slices thick-cut bacon, diced
• 1/2 large onion, diced into 1/4-inch pieces
• 60 oz pork and beans
• 1/2 cup ketchup
• 1/3 cup dark brown sugar, packed
• 20 oz pineapple tidbits, drained
• 1 tbsp yellow mustard
• 1 tbsp apple cider vinegar
• 1/2 tsp salt
• 1/2 tsp black pepper
• 1 tsp smoked paprika
• 1 tsp Worcestershire sauce

Step 1: Render the Bacon and Build the Flavor Base

• 6 slices thick-cut bacon, diced
• 1/2 large onion, diced into 1/4-inch pieces

Preheat your oven to 350°F.

While it heats, cook the diced bacon in a large oven-safe skillet over medium heat, stirring occasionally, until the edges are crispy and the fat has rendered, about 8-10 minutes.

Remove the bacon with a slotted spoon and set aside, leaving about 2 tablespoons of bacon fat in the pan.

Add the diced onion to the rendered fat and sauté for 5 minutes, stirring occasionally, until softened and starting to caramelize slightly—this builds a sweet, savory foundation for the dish.

Step 2: Combine All Ingredients and Season

• cooked bacon from Step 1
• 60 oz pork and beans
• 1/2 cup ketchup
• 1/3 cup dark brown sugar, packed
• 20 oz pineapple tidbits, drained
• 1 tbsp yellow mustard
• 1 tbsp apple cider vinegar
• 1/2 tsp salt
• 1/2 tsp black pepper
• 1 tsp smoked paprika
• 1 tsp Worcestershire sauce

Add the pork and beans (with liquid) to the skillet with the cooked onions and bacon fat.

Stir in the ketchup, packed brown sugar, drained pineapple tidbits, yellow mustard, apple cider vinegar, salt, black pepper, smoked paprika, and Worcestershire sauce.

Mix everything together thoroughly until the sugar is dissolved and the ingredients are evenly distributed.

I like to taste a small spoonful at this point to check the balance—if you want more sweetness, add a tablespoon more brown sugar; if you want more tang, add another splash of vinegar.

Step 3: Bake Until Flavors Meld and Sauce Thickens

Transfer the skillet to the preheated 350°F oven and bake uncovered for 1 hour.

The mixture will bubble gently around the edges, the sauce will reduce and thicken slightly, and the flavors will meld together beautifully.

I’ve found that leaving it uncovered allows the top to develop a slightly caramelized layer, which adds depth.

If your skillet isn’t oven-safe, transfer the mixture to a 9×13-inch baking dish before baking.

Step 4: Finish and Serve

Remove the baked beans from the oven and let cool for 5 minutes—this allows the sauce to set slightly and makes serving easier.

Stir gently, taste, and adjust seasonings if needed.

Serve warm as a side dish.