Summer BBQ Baked Beans

Featured in: Oven & Skillet Cooking

This dish combines tender navy beans with smoky, crispy bacon and a blend of brown sugar, molasses, and spices. Sautéed onion and green bell pepper add flavor depth. The mixture simmers before baking, creating a rich, thick sauce that’s perfect as a savory side. Adaptable for vegetarian use by omitting bacon and using olive oil. Great served warm alongside grilled meats or as part of a summer picnic.

Updated on Fri, 06 Mar 2026 15:44:00 GMT
Hearty baked beans with brown sugar and bacon, bubbling in a smoky-sweet sauce with crispy bacon bits.  Save
Hearty baked beans with brown sugar and bacon, bubbling in a smoky-sweet sauce with crispy bacon bits. | claroakal.com

My neighbor Jerry showed up to a July Fourth potluck with these beans one year, and I watched them disappear faster than the fireworks lit up the sky. The combination of crispy bacon, dark molasses, and that subtle smokiness had everyone asking for the recipe, but Jerry just smiled and said it was all about not overthinking it. Since then, I've made this dish dozens of times, and it never fails to become the most requested side at any summer gathering. There's something about the way the sauce bubbles and thickens in the oven that makes your kitchen smell like pure summer.

I'll never forget the time I made these beans for my sister's camping trip, and someone accidentally knocked the entire pot off the picnic table. We stared at it for a second, then burst out laughing, scooped what we could back into the pot, and served it anyway, minus the dirt. Everyone still asked for seconds, which somehow made the whole disaster feel less like a disaster and more like part of the adventure.

Ingredients

  • Canned navy beans (4 cups, about 2 cans): Rinsing them removes the excess sodium and starch, which I learned the hard way when my first batch turned into bean soup instead of a thick, saucy bake.
  • Thick-cut bacon (8 slices, chopped): The thickness matters more than you'd think because thin bacon gets lost in the sauce, while thick-cut pieces stay chewy and smoky.
  • Yellow onion (1 medium, diced): The sweetness of the onion caramelizing in bacon fat is what makes people compliment your cooking without knowing why.
  • Green bell pepper (1, diced): It softens into the sauce and adds a subtle vegetal note that balances all the sweetness.
  • Ketchup (3/4 cup): Not fancy, but it's the backbone of the sauce and brings a tangy tomato flavor that keeps things from being one-note sweet.
  • Dark brown sugar (1/2 cup, packed): Make sure it's dark brown, not light, because the molasses content deepens the whole dish's flavor profile.
  • Molasses (1/4 cup): This is what gives the beans that almost-black color and a subtle earthiness that people taste but can't quite identify.
  • Dijon mustard (2 tablespoons): It's the secret weapon that adds complexity without making the beans taste mustard-y.
  • Worcestershire sauce (2 tablespoons): If you're keeping this gluten-free, check the label, because some brands sneak in grain thickeners.
  • Apple cider vinegar (1 tablespoon): The acidity cuts through the richness and prevents the sauce from tasting like pure sugar.
  • Smoked paprika (1 teaspoon): This is what makes people ask if you actually smoked the beans yourself.
  • Garlic powder (1/2 teaspoon): Fresh garlic can overpower this dish, so powder works better for a subtle background note.
  • Black pepper and salt (to taste): Season as you go, not just at the end, so the flavors develop properly.
  • Cayenne pepper (1/4 teaspoon, optional): If you like heat, add it, but start small because it builds as the beans bake.

Tired of Takeout? 🥡

Get 10 meals you can make faster than delivery arrives. Seriously.

One email. No spam. Unsubscribe anytime.

Instructions

Crisp up that bacon:
Get your oven-safe skillet going over medium heat and let the bacon render slowly until it's properly crispy and golden. You want that bacon fat in the pan because it's going to flavor everything that comes next, so don't drain it all out, just leave about 2 tablespoons behind.
Soften the vegetables:
Toss your diced onion and bell pepper into that bacon-fat heaven and let them sauté for 4 to 5 minutes until they're soft and translucent, stirring occasionally so they cook evenly. Your kitchen is going to smell absolutely incredible at this point.
Combine everything:
Add your drained beans back into the pan along with most of the cooked bacon and all of your sauce ingredients. Stir everything together until it's fully combined and the beans are coated in that gorgeous, glossy sauce.
Bring it to temperature:
Let the mixture come to a gentle simmer on the stovetop for just a minute or two to make sure everything is heated through, then you're ready to move to the oven.
Transfer if needed:
If your skillet isn't oven-safe, pour everything into a baking dish now and scatter that reserved bacon on top as a garnish.
Bake low and slow:
Pop it into a 350°F oven uncovered and let it bake for about an hour until the sauce has thickened and is bubbling around the edges. The top should look a little darker and caramelized by the time it's done.
Rest and serve:
Let it cool for about 10 minutes before serving so people don't burn their mouths, and the sauce will set up a little bit more as it cools.
Close-up of tender navy beans coated in molasses-brown sugar glaze, topped with crunchy bacon crumbles.  Save
Close-up of tender navy beans coated in molasses-brown sugar glaze, topped with crunchy bacon crumbles. | claroakal.com

There's a moment right when you pull these beans out of the oven and that sweet, smoky aroma hits your face that you know everything's going to be okay at the party. It's funny how a humble side dish can become the thing people actually talk about the next day instead of the fancy main course.

The Flavor Science Behind the Sauce

The beauty of this recipe is that it's basically a balanced equation of sweet, salty, sour, and smoky, and once you understand that, you can tweak it however you want. The molasses and brown sugar provide sweetness, the vinegar and Worcestershire bring acidity and umami, the smoked paprika adds depth, and the bacon fat ties everything together. I've learned over the years that the order you add these ingredients doesn't matter much, but the proportions absolutely do, so don't try to halve or double the sauce without tasting as you go.

Make-Ahead and Storage Wisdom

I usually make these beans the day before a barbecue because they taste even better when the flavors have had time to meld overnight in the fridge. When you're ready to serve, just reheat them gently on the stovetop over low heat, stirring occasionally and adding a splash of water if they've dried out. The beans will keep in an airtight container for up to 4 days, which makes them perfect for those stretches of summer entertaining when you're cooking multiple days in a row.

Variations and Tweaks That Actually Work

Once you've made this recipe a few times, you'll start getting ideas about what else you could add, and honestly, a lot of them work beautifully. I've experimented with everything from a splash of bourbon to a spoonful of sriracha, and both made people sit up and pay attention. The vegetarian version using olive oil instead of bacon is genuinely delicious, and adding a can of kidney beans mixed in with the navy beans creates a more interesting texture and deeper color.

  • A splash of hot sauce mixed into the sauce adds heat without changing the overall flavor profile too much.
  • Smoked bacon is the classic choice, but if you ever use maple bacon by accident, lean into it and reduce the brown sugar slightly.
  • A teaspoon of dry mustard powder added to the sauce will punch up the flavor if your Dijon is being too mellow.
Golden-baked beans in a cast iron skillet, rich and savory with brown sugar and smoky bacon aroma. Save
Golden-baked beans in a cast iron skillet, rich and savory with brown sugar and smoky bacon aroma. | claroakal.com

This recipe has been my reliable summer companion for years now, the kind of dish that never lets you down and always makes people happy. Grab some good bacon, trust the process, and you'll end up with the side dish that becomes a main event.

Recipe FAQ

Can I make this dish vegetarian?

Yes, simply omit the bacon and sauté the vegetables in olive oil for a vegetarian-friendly version.

What type of beans work best?

Canned navy beans are ideal for their texture and ability to absorb the rich sauce flavors.

How long should I bake the beans?

Bake uncovered for 1 hour at 350°F until the sauce thickens and the beans bubble.

Can I prepare this ahead of time?

Yes, leftovers refrigerate well for up to 4 days. Reheat gently before serving to maintain texture.

What adds the smoky flavor?

Smoked paprika and crispy bacon contribute the dish’s characteristic smoky richness.

Is this dish gluten-free?

It can be gluten-free if you use gluten-free Worcestershire sauce and verify other ingredients.

20-Minute Dinner Pack — Free Download 📥

10 recipes, 1 shopping list. Everything you need for a week of easy dinners.

Instant access. No signup hassle.

Summer BBQ Baked Beans

Tender beans baked in sweet smoky sauce with crispy bacon for summer meals.

Time to Prep
15 min
Time to Cook
75 min
Total Duration
90 min
Created by Celeste Winters


Skill Level Easy

Cuisine American

Portions 8 Serves

Diet Preferences No Dairy

What You Need

Beans and Main Components

01 4 cups canned navy beans, drained and rinsed
02 8 slices thick-cut bacon, chopped
03 1 medium yellow onion, finely diced
04 1 green bell pepper, finely diced

Sauce

01 3/4 cup ketchup
02 1/2 cup packed dark brown sugar
03 1/4 cup molasses
04 2 tablespoons Dijon mustard
05 2 tablespoons Worcestershire sauce
06 1 tablespoon apple cider vinegar
07 1 teaspoon smoked paprika
08 1/2 teaspoon garlic powder
09 1/2 teaspoon black pepper
10 1/4 teaspoon salt
11 1/4 teaspoon cayenne pepper, optional

Directions

Step 01

Preheat Oven: Preheat oven to 350°F.

Step 02

Cook Bacon: In a large oven-safe skillet over medium heat, cook chopped bacon until crispy. Remove with a slotted spoon and set aside, leaving approximately 2 tablespoons of bacon fat in the pan.

Step 03

Sauté Vegetables: Add diced onion and green bell pepper to the pan. Sauté for 4 to 5 minutes until softened and translucent.

Step 04

Combine Ingredients: Stir in drained beans, cooked bacon (reserving 2 tablespoons for topping), and all sauce ingredients. Mix until fully combined.

Step 05

Bring to Simmer: Bring the mixture to a simmer, then remove from heat.

Step 06

Transfer to Baking Dish: If not using an oven-safe pan, transfer mixture to a baking dish. Sprinkle reserved bacon over the top.

Step 07

Bake: Bake uncovered for 1 hour, until beans are bubbling and sauce has thickened.

Step 08

Rest and Serve: Allow to cool for 10 minutes before serving.

Essential Tools

  • Large oven-safe skillet or Dutch oven
  • Slotted spoon
  • Cutting board and knife
  • Measuring cups and spoons

Allergy Details

Inspect each item for potential allergens, and check with your healthcare provider if unsure.
  • Contains pork
  • Contains mustard
  • May contain gluten in Worcestershire sauce
  • May contain soy in Worcestershire sauce

Nutrition Info (per portion)

This nutrition info is for guidance only—always talk to a health professional if you’ve got concerns.
  • Caloric Value: 320
  • Fats: 10 g
  • Carbohydrates: 48 g
  • Proteins: 10 g

Cooking Shouldn't Be Hard ❤️

Get a free recipe pack that makes weeknight dinners effortless. Real food, real fast.

Free forever. Unsubscribe anytime.