Hawaiian Baked Beans Recipe

Elizabeth

Founder of Her Recipe Box

Recommended Kitchen Pick

CAROTE Complete 21-Piece Nonstick Cookware Set

A stylish all-in-one cookware set for everyday cooking, easy cleanup, and induction-ready performance.

CAROTE 21-piece nonstick cookware set on Amazon
★★★★★ 4.4/5 based on 33,000+ reviews

What’s Included

  • 1 Egg Pan
  • 9.5" Frying Pan
  • 11" Frying Pan
  • 1.7 Qt Saucepan with Lid & Steamer
  • 2.4 Qt Saucepan with Lid

 

  • 4.3 Qt Casserole Pot with Lid
  • 6.5 Qt Casserole Pot with Lid
  • 4.5 Qt Sauté Pan with Lid
  • 3 Cooking Utensils
  • 4 Pan Protectors
Nonstick for easier cooking and cleanup
Works on all cooktops, including induction
Good all-in-one starter or kitchen upgrade set

This is one of our favorite cookware picks for home cooks who want a complete set without overcomplicating the kitchen.

This post may contain affiliate links learn more.

Of all the dishes that grace our family’s potluck and barbecue tables, there is one that disappears faster than any other. It’s not the fancy grilled steaks or the elaborate layered salads. It’s a humble, yet utterly show-stopping, casserole dish of what I can only describe as sunshine in a bean pot: these Hawaiian Baked Beans. For years, I was stuck in a rut of bringing the same old boring side dishes to gatherings. Then, on a whim, I decided to give our standard baked beans a tropical makeover. I was nervous. Would people find the pineapple weird? Was it too sweet? My worries vanished the moment I saw the first person take a bite. Their eyes widened, a slow smile spread across their face, and the inevitable question followed: “What is in these? I need this recipe!” Since that day, this dish has become my signature. It’s a symphony of flavors and textures—the smoky, salty crunch of bacon, the sweet pop of pineapple, the tender bite of bell peppers and onions, all swimming in a rich, tangy, and deeply savory sauce that coats every single bean. It’s the perfect bridge between sweet and savory, a side dish so robust and flavorful it could almost be a main course. My kids, who normally turn their noses up at beans, will happily ask for seconds (and even thirds). It’s the ultimate crowd-pleaser, the recipe I’m most asked to share, and the one dish that truly brings the spirit of aloha to any meal.

The Ultimate Hawaiian Baked Beans Recipe: A Tropical Twist on a Classic

Get ready to discover your new favorite side dish. This recipe balances the classic comfort of baked beans with the vibrant, sunny flavors of the tropics. The combination of sweet pineapple, smoky bacon, and a tangy, savory sauce creates a complex and addictive flavor profile that will have everyone at the table asking for more.

Ingredients

This recipe is designed to be a crowd-pleaser, yielding a generous portion perfect for family dinners, potlucks, or BBQs. Each ingredient plays a crucial role in building the layers of flavor that make these beans so special.

  • For the Beans and Base:
    • Bacon: 1/2 pound (about 8 slices), thick-cut recommended, chopped into 1/2-inch pieces. The bacon provides a smoky, salty foundation and a delightful crunchy texture.
    • Yellow Onion: 1 large, finely chopped. The onion provides a sweet, aromatic base that mellows beautifully during baking.
    • Green Bell Pepper: 1 medium, finely chopped. The bell pepper adds a slightly sharp, vegetal note that cuts through the richness, as well as a vibrant color.
    • Pork and Beans in Tomato Sauce: 4 cans (15 ounces each). This is the classic, convenient starting point. The beans are already tender, and their sauce provides a great base to build upon.
  • For the “Hawaiian” Sauce:
    • Pineapple Tidbits in Juice: 1 can (20 ounces). It’s crucial to get pineapple packed in its own juice, not heavy syrup. We’ll use both the fruit and the juice. Tidbits offer the best texture, providing noticeable but not overwhelming pieces of fruit.
    • Light Brown Sugar: 1/2 cup, packed. This adds a deep, molasses-like sweetness that is essential for a baked bean recipe.
    • Ketchup: 1/2 cup. Ketchup provides sweetness, tanginess, and a classic tomato base for the sauce.
    • Soy Sauce: 1/4 cup (or use Tamari for a gluten-free option). This is the secret weapon for umami. It adds a deep, savory, and salty flavor that beautifully complements the pineapple.
    • Apple Cider Vinegar: 2 tablespoons. The vinegar provides a sharp, acidic kick that balances the sweetness of the brown sugar, pineapple, and ketchup, keeping the dish from becoming cloying.
    • Dijon Mustard: 1 tablespoon. Dijon adds a tangy complexity and emulsifying power to the sauce.
    • Worcestershire Sauce: 1 tablespoon. This adds another layer of savory, fermented depth.
    • Garlic Powder: 1 teaspoon. A foundational aromatic that pairs well with everything in the dish.
    • Ground Ginger: 1 teaspoon. The ginger provides a warm, zesty spice that is key to the “tropical” flavor profile.

Step-by-Step Instructions for Perfect Hawaiian Baked Beans

Follow these detailed steps to ensure your baked beans turn out perfectly bubbly, thick, and flavorful every single time. The process is straightforward, involving a bit of stovetop prep before the oven does most of the work.

Step 1: Preheat and Prepare Your Pan
First things first, preheat your oven to 350°F (175°C). This ensures that the beans begin cooking immediately when placed in the oven, leading to even cooking. Lightly grease a 9×13-inch baking dish or a 3-quart casserole dish.

Step 2: Cook the Bacon
In a large skillet or Dutch oven, cook the chopped bacon over medium heat until it becomes crisp and the fat has rendered, which usually takes about 8-10 minutes. Use a slotted spoon to transfer the crispy bacon pieces to a plate lined with paper towels, leaving about 2 tablespoons of the rendered bacon fat in the skillet. Do not discard all the fat—this is pure flavor!

Step 3: Sauté the Aromatics
Add the chopped yellow onion and green bell pepper to the hot bacon fat in the skillet. Sauté over medium heat, stirring occasionally, until the vegetables have softened and the onion is translucent. This should take about 5-7 minutes. This step is crucial for developing a deep flavor base and ensuring the vegetables are tender, not raw, in the final dish.

Step 4: Drain the Beans and Pineapple
While the vegetables are sautéing, open the cans of pork and beans and pour them into a large colander set in the sink to drain away most of the thin tomato sauce. You don’t need to rinse them, just let the excess liquid drain off. Next, open the can of pineapple tidbits and drain them over a small bowl to reserve the juice. We will use this juice in the sauce. Set the drained beans and pineapple tidbits aside.

Step 5: Create the Signature Sauce
In a large mixing bowl, whisk together all the sauce ingredients: the reserved pineapple juice, packed brown sugar, ketchup, soy sauce, apple cider vinegar, Dijon mustard, Worcestershire sauce, garlic powder, and ground ginger. Continue whisking until the brown sugar is fully dissolved and the sauce is smooth and well combined.

Step 6: Combine All Components
To the bowl with the sauce, add the drained pork and beans, the sautéed onion and bell pepper mixture, the drained pineapple tidbits, and about three-quarters of the crispy cooked bacon. Stir everything together gently with a rubber spatula, being careful not to mash the beans. You want to ensure everything is evenly coated in the delicious sauce.

Step 7: Bake to Perfection
Pour the bean mixture into your prepared 9×13-inch baking dish and spread it into an even layer. Sprinkle the remaining one-quarter of the crispy bacon evenly over the top. This will ensure you have a crunchy, smoky topping. Bake, uncovered, for 60 to 75 minutes. You’ll know it’s ready when the sauce is bubbly, thickened, and has caramelized slightly around the edges.

Step 8: Rest and Serve
Remove the baking dish from the oven and let it rest for at least 10-15 minutes before serving. This resting period is important as it allows the sauce to set up and thicken further. The beans will be extremely hot, and this cooling time also prevents burned tongues! Serve warm and enjoy the rave reviews.

Nutrition Facts

Please note that these values are an estimate and can vary based on the specific brands of ingredients used.

  • Servings: 12 servings
  • Calories per serving: Approximately 380-420 kcal

Preparation Time

  • Prep Time: 20 minutes (for chopping vegetables and cooking bacon)
  • Cook Time: 60-75 minutes
  • Total Time: 1 hour 20 minutes – 1 hour 35 minutes

How to Serve Hawaiian Baked Beans

These beans are incredibly versatile and can be the star side dish for a wide variety of meals. Here are some perfect pairing ideas:

  • At a Classic American BBQ or Cookout:
    • Pulled Pork or Chicken Sandwiches: The sweet and tangy beans are the quintessential partner for smoky, slow-cooked meats.
    • Grilled Hamburgers and Hot Dogs: Elevate a simple cookout with a side that’s bursting with flavor.
    • BBQ Ribs: The tropical notes of the beans cut through the richness of saucy ribs perfectly.
    • Corn on the Cob and Coleslaw: Complete the classic barbecue plate with these essential sides.
  • For a Luau or Tropical-Themed Party:
    • Kalua Pig: The traditional slow-roasted pork is a match made in heaven with these pineapple-laced beans.
    • Huli Huli Chicken: The sweet, grilled chicken complements the beans’ flavor profile.
    • Macaroni Salad: A scoop of creamy Hawaiian-style mac salad next to the beans is a must.
    • Steamed White Rice: Serve the beans over a bed of fluffy white rice to soak up every last drop of the delicious sauce.
  • As a Hearty Weeknight Side Dish:
    • Glazed Ham: These beans are a fantastic side for a holiday or Sunday ham dinner.
    • Roasted Chicken: A simple roast chicken becomes a more exciting meal with these beans on the side.
    • Pork Chops: Whether grilled or pan-seared, pork chops pair wonderfully with the sweet and savory notes.

Additional Tips for Success

Here are five tips to help you master this recipe and customize it to your liking.

  1. The Make-Ahead Magic: This dish is a fantastic make-ahead option, and the flavors actually meld and deepen overnight. You can prepare the entire dish up to the baking step, cover it tightly with plastic wrap or foil, and refrigerate it for up to 24 hours. When you’re ready, remove it from the fridge for 30 minutes to come to room temperature, then bake as directed (you may need to add 10-15 minutes to the baking time).
  2. Slow Cooker / Crock-Pot Conversion: These beans are a dream to make in a slow cooker, making them even more convenient for parties. Simply cook the bacon and sauté the vegetables as directed. Then, combine all ingredients (bacon, veggies, beans, sauce components, pineapple) in the slow cooker. Stir well, cover, and cook on LOW for 4-6 hours or on HIGH for 2-3 hours. The sauce won’t be quite as thick and caramelized as the oven version, but the flavor will be just as incredible.
  3. Don’t Skip Draining the Beans: It might be tempting to just dump the cans of pork and beans in, liquid and all, but draining them is a key step. The liquid in the can is often thin and starchy. Draining it allows you to replace it with your own rich, flavorful, and perfectly balanced homemade sauce, giving you complete control over the final taste and consistency.
  4. Control the Sweetness: This recipe is a balance of sweet and savory. If you prefer your beans less sweet, you can reduce the brown sugar to 1/3 cup. Conversely, if you have a real sweet tooth, you can increase it slightly. Also, be sure to use pineapple packed in 100% juice, not heavy syrup, as the syrup will make the dish overly sweet.
  5. Proper Storage and Reheating: Leftovers are fantastic! Store any remaining beans in an airtight container in the refrigerator for up to 4 days. They can be reheated gently in a saucepan on the stove over low heat or in the microwave. The beans also freeze well for up to 3 months. Thaw them overnight in the refrigerator before reheating.

Frequently Asked Questions (FAQ)

Here are answers to some common questions about making Hawaiian Baked Beans.

1. Can I use a different type of bean?
Absolutely. While canned pork and beans are a convenient shortcut, you can make this recipe from scratch. Substitute the four cans of pork and beans with four 15-ounce cans of navy beans, pinto beans, or Great Northern beans, rinsed and drained. You may want to increase the sauce ingredients by about 25% to ensure they are well-coated, as you won’t have the residual sauce from the canned product.

2. How can I make this recipe vegetarian?
It’s easy to make a delicious vegetarian version. Simply omit the bacon. To replicate the smoky flavor, add 1 teaspoon of smoked paprika to the sauce. To replace the bacon fat for sautéing, use 2 tablespoons of olive oil or another neutral oil. Ensure you use a vegetarian brand of Worcestershire sauce (as traditional versions contain anchovies) or leave it out. Finally, use canned vegetarian baked beans as your base instead of pork and beans.

3. Is this recipe gluten-free?
It can easily be made gluten-free with careful ingredient selection. The primary source of gluten is typically the soy sauce and sometimes the Worcestershire sauce or the beans themselves. To ensure it’s gluten-free, use Tamari instead of soy sauce, purchase a certified gluten-free Worcestershire sauce, and check the label on your canned beans to confirm they are gluten-free.

4. Can I use fresh pineapple instead of canned?
Yes, you can! Fresh pineapple will lend a brighter, tangier flavor. You’ll need about 2 to 2 ½ cups of fresh pineapple, chopped into small tidbits. Since you won’t have the reserved pineapple juice from the can, you can substitute it with 1/4 cup of store-bought pineapple juice or even just water to help create the sauce.

5. My sauce seems too thin before baking. Is that normal?
Yes, that is completely normal. The sauce will appear quite liquidy when you first combine all the ingredients and pour them into the baking dish. During the 60-75 minutes of baking in the oven, the starches from the beans will release, and the liquid will slowly evaporate, allowing the sauce to reduce, thicken considerably, and caramelize into the perfect consistency. Trust the process and don’t be tempted to add a thickener before baking.

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon

Hawaiian Baked Beans Recipe


  • Author: Ella

Ingredients

  • For the Beans and Base:

    • Bacon: 1/2 pound (about 8 slices), thick-cut recommended, chopped into 1/2-inch pieces. The bacon provides a smoky, salty foundation and a delightful crunchy texture.
    • Yellow Onion: 1 large, finely chopped. The onion provides a sweet, aromatic base that mellows beautifully during baking.
    • Green Bell Pepper: 1 medium, finely chopped. The bell pepper adds a slightly sharp, vegetal note that cuts through the richness, as well as a vibrant color.
    • Pork and Beans in Tomato Sauce: 4 cans (15 ounces each). This is the classic, convenient starting point. The beans are already tender, and their sauce provides a great base to build upon.

  • For the “Hawaiian” Sauce:

    • Pineapple Tidbits in Juice: 1 can (20 ounces). It’s crucial to get pineapple packed in its own juice, not heavy syrup. We’ll use both the fruit and the juice. Tidbits offer the best texture, providing noticeable but not overwhelming pieces of fruit.
    • Light Brown Sugar: 1/2 cup, packed. This adds a deep, molasses-like sweetness that is essential for a baked bean recipe.
    • Ketchup: 1/2 cup. Ketchup provides sweetness, tanginess, and a classic tomato base for the sauce.
    • Soy Sauce: 1/4 cup (or use Tamari for a gluten-free option). This is the secret weapon for umami. It adds a deep, savory, and salty flavor that beautifully complements the pineapple.
    • Apple Cider Vinegar: 2 tablespoons. The vinegar provides a sharp, acidic kick that balances the sweetness of the brown sugar, pineapple, and ketchup, keeping the dish from becoming cloying.
    • Dijon Mustard: 1 tablespoon. Dijon adds a tangy complexity and emulsifying power to the sauce.
    • Worcestershire Sauce: 1 tablespoon. This adds another layer of savory, fermented depth.
    • Garlic Powder: 1 teaspoon. A foundational aromatic that pairs well with everything in the dish.
    • Ground Ginger: 1 teaspoon. The ginger provides a warm, zesty spice that is key to the “tropical” flavor profile.


Instructions

Step 1: Preheat and Prepare Your Pan
First things first, preheat your oven to 350°F (175°C). This ensures that the beans begin cooking immediately when placed in the oven, leading to even cooking. Lightly grease a 9×13-inch baking dish or a 3-quart casserole dish.

Step 2: Cook the Bacon
In a large skillet or Dutch oven, cook the chopped bacon over medium heat until it becomes crisp and the fat has rendered, which usually takes about 8-10 minutes. Use a slotted spoon to transfer the crispy bacon pieces to a plate lined with paper towels, leaving about 2 tablespoons of the rendered bacon fat in the skillet. Do not discard all the fat—this is pure flavor!

Step 3: Sauté the Aromatics
Add the chopped yellow onion and green bell pepper to the hot bacon fat in the skillet. Sauté over medium heat, stirring occasionally, until the vegetables have softened and the onion is translucent. This should take about 5-7 minutes. This step is crucial for developing a deep flavor base and ensuring the vegetables are tender, not raw, in the final dish.

Step 4: Drain the Beans and Pineapple
While the vegetables are sautéing, open the cans of pork and beans and pour them into a large colander set in the sink to drain away most of the thin tomato sauce. You don’t need to rinse them, just let the excess liquid drain off. Next, open the can of pineapple tidbits and drain them over a small bowl to reserve the juice. We will use this juice in the sauce. Set the drained beans and pineapple tidbits aside.

Step 5: Create the Signature Sauce
In a large mixing bowl, whisk together all the sauce ingredients: the reserved pineapple juice, packed brown sugar, ketchup, soy sauce, apple cider vinegar, Dijon mustard, Worcestershire sauce, garlic powder, and ground ginger. Continue whisking until the brown sugar is fully dissolved and the sauce is smooth and well combined.

Step 6: Combine All Components
To the bowl with the sauce, add the drained pork and beans, the sautéed onion and bell pepper mixture, the drained pineapple tidbits, and about three-quarters of the crispy cooked bacon. Stir everything together gently with a rubber spatula, being careful not to mash the beans. You want to ensure everything is evenly coated in the delicious sauce.

Step 7: Bake to Perfection
Pour the bean mixture into your prepared 9×13-inch baking dish and spread it into an even layer. Sprinkle the remaining one-quarter of the crispy bacon evenly over the top. This will ensure you have a crunchy, smoky topping. Bake, uncovered, for 60 to 75 minutes. You’ll know it’s ready when the sauce is bubbly, thickened, and has caramelized slightly around the edges.

Step 8: Rest and Serve
Remove the baking dish from the oven and let it rest for at least 10-15 minutes before serving. This resting period is important as it allows the sauce to set up and thicken further. The beans will be extremely hot, and this cooling time also prevents burned tongues! Serve warm and enjoy the rave reviews.

Nutrition

  • Serving Size: One Normal Portion
  • Calories: 380-420 kcal