Smoky Pineapple Baked Beans from Scratch are slow-baked with bacon, brown sugar, molasses, and pineapple for a sweet, tangy BBQ side dish perfect for potlucks and cookouts.

Jump to:
- Two Years and a Lot of Baked Beans
- Why Pineapple Makes These Beans Better
- Why You'll Love These Pineapple Baked Beans
- What Goes Into These Homemade Baked Beans
- How to Make Pineapple Baked Beans from Scratch
- Tips for the Best Homemade Baked Beans
- Make-Ahead Tips
- Storage and Freezing
- FAQ
- What to Serve with Pineapple Baked Beans
- Pineapple Baked Beans from Scratch
These pineapple baked beans started out a few years ago as a simple scratch-made BBQ side dish and slowly turned into something of an obsession. (Let's just say we've been eating a lot of baked beans around here a lately.) I've been chasing a flavor combo that lives somewhere in my memories... smoky bacon, brown sugar, molasses, tangy mustard, and crushed pineapple cooked low and slow until the sauce turns rich, glossy, and deeply flavorful. They're sweet, savory, a little smoky, and even better the next day.
If you're looking for homemade baked beans that stand out at a potluck without feeling fussy or over-the-top, this is the batch to make.
Two Years and a Lot of Baked Beans
These pineapple baked beans have been living in my kitchen for a a few years now, quietly getting better every time I take them to a summer potluck or backyard BBQ.
The early versions were perfectly fine. People ate them. Nobody complained. They were the kind of dish that disappears from the table, but no one is asking for the recipe, if you know what I mean. They were fine.
So I kept adjusting. A little more spice. A little more tang. Longer cooking time. Lower heat. Letting everything simmer down into itself until the sauce tasted deeper and richer instead of just sweet.
Somewhere around the tenth pot, they stopped being merely good baked beans and became the baked beans I was trying to make all along. They're richer - smoky, sweet, and deeply savory in a way that keeps pulling you back back for just one more forkful.
Why Pineapple Makes These Beans Better
Pineapple does more than add sweetness.
The crushed pineapple melts into the sauce as the beans bake, blending with the brown sugar, molasses, mustard, and spices to create a rich sweet-savory base. You don't necessarily notice the pineapple right away, but you'd miss it if it weren't there.
The pineapple tidbits do something different. By waiting until the halfway point of the bake to add them, they hold their shape and keep some of their brightness. Those little bursts of pineapple cut through the richness of the bacon and molasses and give the finished beans a surprising freshness.
Together, the two forms of pineapple create layers of flavor that a single can alone just can't deliver.
Why You'll Love These Pineapple Baked Beans
- Made completely from scratch with simple pantry ingredients
- Sweet, smoky, tangy, and deeply savory
- Perfect for potlucks, cookouts, and backyard BBQs
- Easy to make ahead
- Even better the next day
- Can be made with dried or canned beans
What Goes Into These Homemade Baked Beans

The Beans
I usually make these with navy beans because their mild flavor and creamy texture are perfect for baked beans. Great Northern beans, pinto beans, or small red beans also work well.
If you're starting with dried beans, cook them until fully tender before beginning the recipe. Or, if you're short on time, four cans of drained and rinsed beans work perfectly too.
The Flavor Base
The foundation of these beans starts with bacon, onion, and garlic.
The bacon adds smoky richness and leaves behind flavorful drippings for sautéing the onions. Cooking the onions slowly until they're soft and lightly caramelized builds another layer of sweetness that balances the tangy sauce, and a little fresh garlic rounds everything out.
The Sweet, Smoky, Tangy Sauce
This is where the magic happens! Brown sugar and molasses provide traditional baked bean flavor and deep caramel notes. Ketchup adds body and a subtle tomato tang. Yellow mustard and apple cider vinegar balance the sweetness, while Worcestershire sauce brings savory depth.
Smoked paprika, onion powder, black pepper, chili flakes, and a splash liquid smoke add warmth without making the beans too spicy.
Pro Tip: If your bean-eating crowd likes things Spicy, you can always add more chili flakes or a splash of hot sauce - or up your spice game with this amazing, super-spicy Alder Smoked Paprika made with Italian Diavoletto, Fresno, Habanero and Fatalii chilis. This ain't your grandma's paprika, Bubba - it is unlike anything you've ever tried. Highly recommend. (No affiliation; we just love it!)
The Pineapple Difference
This recipe uses both crushed pineapple and pineapple tidbits, and each plays a different role.
The crushed pineapple melts into the sauce as the beans bake, adding sweetness, acidity, and subtle fruit flavor throughout.
The pineapple tidbits are stirred in halfway through cooking so they hold their shape and keep some of their brightness. Those little bites of pineapple create pockets of sweetness that keep the finished dish from feeling heavy.
How to Make Pineapple Baked Beans from Scratch
Step 1: Cook the Beans
If using dried beans: Cook 1 pound dried beans until tender.
Pro Tip: Cooking dried beans in the oven is a game-changer! If you're still cooking beans on the stovetop, give it a try!
If using canned beans: Use 4 cans of beans, drained and rinsed.

Slightly controversial opinion: I don't save the bean cooking liquid for this recipe.
Because that is what holds the farts. Instead of reserving the bean cooking liquid and using it during as a cooking liquid for the baked beans, use hot water or broth instead. Your may sacrifice just a tiny bit of body and flavor, but your friends and family will thank you.

Step 2: Build the Flavor Base
Cook the bacon batons in a cast iron skillet over medium heat. Remove the bacon from the pan and set aside.
Cook the onions in the remaining bacon fat until they are soft, transluscent, and just beginning to brown slightly.
Step 3: Make the Sauce
Gently drain the crushed pineapple by tossing it lightly in a mesh sieve. You don't need to press it; just let the liquid drain naturally.

Combine the drained crushed pineapple with all the remaining ingredients EXCEPT the pineapple tidbits.

Mix thoroughly to combine.

Step 4: Bake Low and Slow
Add the sauce, onions, cooked bacon, and any remaining bacon drippings to the beans in the Dutch oven. Stir to combine.

Add just enough hot water so that the beans are just barely completely covered; about 2 cups.

Preheat the oven to 325°F(165°C).
Transfer the beans to the preheated oven. Cook, uncovered, for a total of about 4 hours.
Step 5: Add the Pineapple
At the 2 hour mark, add the drained pineapple tidbits and continue to bake for another 2 hours.

Make sure there is enough cooking liquid: it should just barely cover the beans. If it has evaporated too much from the top, add just enough hot water to loosen the mixture up.
Ultimately, you want the beans to be saucy, not brothy, so don't overdo it.
Step 6: Finish and Adjust Seasoning
When the beans are done, they will be sweet, savory, and caramelized on top, with a rich, thick stew of saucy, creamy pineapple baked beans beneath.
Taste and adjust the seasonings as desired.
If the beans are a little too sweet for your taste, you can add a teaspoon or two of apple cider vinegar to balance the flavor.

Tips for the Best Homemade Baked Beans
- Cook the beans until fully tender before baking.
- Reserve extra bean cooking liquid.
- Add pineapple tidbits halfway through baking.
- Check liquid levels occasionally during the bake.
- Don't rush the final hour. Much of the flavor develops as the sauce slowly reduces and caramelizes.
Make-Ahead Tips
These pineapple baked beans are one of those dishes that may actually taste better the next day.
As the beans rest, the smoky bacon, molasses, mustard, spices, and pineapple have more time to mingle and settle into one another. The sauce thickens slightly, and the flavors become deeper and more balanced.
If you're making these for a potluck, cookout, or holiday gathering, feel free to make them a day or two ahead.
To reheat, place the beans in a covered Dutch oven, casserole dish, or saucepan and warm gently until heated through. If the sauce has thickened more than you'd like, stir in a splash of hot water or broth to loosen it up.
You can also prepare parts of the recipe ahead of time. Cook the beans, bacon, and onions a day or two in advance, then assemble and bake everything when you're ready.
Storage and Freezing
Refrigerator: Store in an airtight container for up to 5 days.
Freezer: Freeze for up to 3 months. Thaw overnight in the refrigerator before reheating.
Reheating: Warm gently on the stovetop or in a 325°F oven. Add a splash of water if needed to loosen the sauce.
FAQ
Yes. Four 15-ounce cans, drained and rinsed, will replace the cooked dried beans.
Navy beans are traditional, but Great Northern, pinto, and small red beans also work well.
Absolutely. In fact, the flavor improves overnight.
Yes. Freeze for up to 3 months in an airtight container.
What to Serve with Pineapple Baked Beans
These beans were practically made for summer cookouts, but they earn their keep all year long. Serve them alongside:
- Greek Turkey Burgers
- Coney Islands
- Buffalo Wings
- Pulled pork sandwiches
- Fried chicken
- Smoked ribs
- Burgers and hot dogs
And don't overlook leftovers. A bowl of these beans topped with a couple of fried eggs makes a surprisingly good breakfast the next morning.


Pineapple Baked Beans from Scratch
Equipment
Ingredients
For Cooking the Beans (skip if using canned beans)
- 1 pound dry navy beans or 4 cans, rinsed & drained
- ¼ teaspoon baking soda
- 1 tablespoon kosher salt
- 1-2 sprigs rosemary
- 1 small onion quartered
- 2 medium carrots quartered
- 3-4 cloves garlic
Everything Else
- 8 ounces thick bacon cut into batons
- 1 large onion chopped
- 20 ounces pineapple tidbits drained
- 20 ounces crushed pineapple gently drained
- ⅔ cup ketchup
- 6 tablespoons brown sugar
- 2 tablespoons molasses
- 1½ tablespoon Worcestershire sauce
- 1 tablespoon apple cider vinegar or maple balsamic
- 2 tablespoons yellow mustard
- 3 cloves garlic
- 2 teaspoons smoked paprika
- 1 teaspoons kosher salt
- 1-2 teaspoons hot sauce optional
- ½ teaspoon liquid smoke
- ½ teaspoon black pepper
- ½ teaspoon onion powder
- ½-1 teaspoons chili flakes optional
Instructions
- Prepare the beans. If using dried beans, cook 1 pound of dried beans until fully tender and drain. If using canned beans, drain and rinse 4 cans of beans.
- Cook the bacon. In a large skillet, cook the bacon over medium heat until browned and beginning to crisp. Remove with a slotted spoon and set aside.
- Cook the onions. Add the onions to the bacon drippings and cook until softened and lightly browned, about 8-10 minutes.
- Mix the sauce. Gently drain the crushed pineapple by tossing it lightly in a mesh sieve. You don't need to press it; just let the liquid drain naturally. In a large bowl, combine the ketchup, brown sugar, molasses, mustard, Worcestershire sauce, crushed pineapple, garlic, smoked paprika, hot sauce, liquid smoke, onion powder, black pepper, and chili flakes.
- Assemble the beans. Place the cooked beans in a large Dutch oven. Add the bacon, onions, sauce mixture, and any reserved bacon drippings. Stir well to combine.
- Add liquid. Stir in enough hot water or broth to just barely cover the beans, about 2 cups.
- Bake. Preheat the oven to 325°F. Bake uncovered for 2 hours.
- Add the pineapple tidbits. Stir in the drained pineapple tidbits. If needed, add a little more hot water to keep the beans loose and saucy.
- Continue baking. Return the beans to the oven and bake for 1½-2 hours longer, or until the sauce is rich and thick and the top is lightly caramelized.
- Finish and serve. Taste and adjust seasonings as needed. If the beans taste too sweet, stir in 1-2 teaspoons apple cider vinegar. Serve warm.
Notes
- Navy beans are traditional, but Great Northern, pinto, or small red beans also work well.
- If using dried beans, cook them until fully tender before assembling the baked beans.
- For the best flavor and texture, use both crushed pineapple and pineapple tidbits. The crushed pineapple melts into the sauce, while the tidbits provide bright bursts of pineapple flavor.
- Check the beans occasionally during baking and add a splash of hot water if they become too thick before they're finished cooking.
- These beans can be made a day ahead and often taste even better after resting overnight.
- Store leftovers in the refrigerator for up to 5 days or freeze for up to 3 months.
- Yield: approximately 12-14 side dish servings.
Nutrition
This website provides approximate nutrition information for convenience and as a courtesy only. You are solely responsible for ensuring that any nutritional information provided is accurate, complete, and useful.
Love it? Pin it! 📌








Leave a Reply