Summer BBQ Baked Beans

Featured in: Cozy Everyday Meals

This dish features tender navy beans slow baked in a sweet and smoky sauce made with brown sugar, molasses, and smoked paprika. Crispy bacon and sautéed onions with bell pepper add depth and texture. After simmering the sauce and beans together, it’s baked until thick and bubbling, creating a comforting side perfect for summer cookouts or casual gatherings. Variations include omitting bacon for a vegetarian option and adding heat with cayenne or hot sauce.

Updated on Mon, 16 Mar 2026 20:15:09 GMT
A skillet of savory baked beans with crispy bacon, sweet brown sugar, and smoky paprika, bubbling hot from the oven. Save
A skillet of savory baked beans with crispy bacon, sweet brown sugar, and smoky paprika, bubbling hot from the oven. | ivorycrumb.com

Summer BBQ Baked Beans with Brown Sugar and Bacon is a classic, crowd-pleasing side dish that brings together tender navy beans slow-baked in a rich, sweet, and smoky sauce. With crispy bacon and a perfect balance of brown sugar, molasses, and smoked paprika, this easy American recipe is an ideal companion for any summer barbecue.

A skillet of savory baked beans with crispy bacon, sweet brown sugar, and smoky paprika, bubbling hot from the oven. Save
A skillet of savory baked beans with crispy bacon, sweet brown sugar, and smoky paprika, bubbling hot from the oven. | ivorycrumb.com

What's for Dinner Tonight? 🤔

Stop stressing. Get 10 fast recipes that actually work on busy nights.

Free. No spam. Just easy meals.

This recipe balances the natural creaminess of navy beans with the deep sweetness of brown sugar and molasses, brightened by apple cider vinegar and a hint of heat from cayenne. Cooking the bacon first in the skillet imparts savory depth, while baking melds the flavors and thickens the sauce to a luscious finish.

Ingredients

Tired of Takeout? 🥡

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

One email. No spam. Unsubscribe anytime.

  • 4 cups (about 2 cans, 30 oz total) canned navy beans, drained and rinsed
  • 8 slices thick-cut bacon, chopped
  • 1 medium yellow onion, finely diced
  • 1 green bell pepper, finely diced
  • 3/4 cup ketchup
  • 1/2 cup dark brown sugar, packed
  • 1/4 cup molasses
  • 2 tablespoons Dijon mustard
  • 2 tablespoons Worcestershire sauce (use gluten-free if needed)
  • 1 tablespoon apple cider vinegar
  • 1 teaspoon smoked paprika
  • 1/2 teaspoon garlic powder
  • 1/2 teaspoon black pepper
  • 1/4 teaspoon salt
  • 1/4 teaspoon cayenne pepper (optional, for heat)

Instructions

1. Preheat the oven to 350°F (175°C).
2. In a large, oven-safe skillet or Dutch oven over medium heat, cook the chopped bacon until crispy. Remove bacon with a slotted spoon and set aside, leaving about 2 tablespoons of bacon fat in the pan.
3. Add the diced onion and green bell pepper to the pan. Sauté for 4–5 minutes until soft and translucent.
4. Stir in the drained beans, cooked bacon (reserve 2 tablespoons for topping), and all sauce ingredients. Mix until fully combined.
5. Bring the mixture to a simmer, then remove from heat.
6. If not using an oven-safe pan, transfer mixture to a baking dish. Sprinkle reserved bacon over the top.
7. Bake uncovered for 1 hour, until the beans are bubbling and the sauce has thickened.
8. Let cool for 10 minutes before serving.

Zusatztipps für die Zubereitung

To make a vegetarian version, omit the bacon and sauté the onion and bell pepper in 2 tablespoons of olive oil. For additional heat, add a splash of your favorite hot sauce to the beans before baking.

Still Scrolling? You'll Love This 👇

Our best 20-minute dinners in one free pack — tried and tested by thousands.

Trusted by 10,000+ home cooks.

Varianten und Anpassungen

This recipe can be customized by swapping navy beans for other white beans like cannellini or great northern beans. Adjust the sweetness with more or less brown sugar or molasses to suit your taste preferences.

Serviervorschläge

Serve these baked beans alongside grilled meats, burgers, or as a hearty addition to a summer picnic or potluck. They also pair wonderfully with cornbread or a crisp green salad.

Save
| ivorycrumb.com

This Summer BBQ Baked Beans recipe is a trusted favorite that brings warmth and comfort to any gathering. Its simplicity and bold flavors ensure it will be requested again and again through every barbecue season.

Recipe FAQs

What beans work best for this dish?

Navy beans are ideal for their tender texture and mild flavor that soaks up the smoky, sweet sauce beautifully.

Can I make this dish vegetarian?

Yes, simply omit the bacon and sauté the vegetables in olive oil to maintain flavor and richness.

How do I add heat to the beans?

Adding cayenne pepper or a splash of hot sauce during cooking adds a gentle spicy kick that complements the sweetness.

What cooking vessel should I use?

An oven-safe skillet or Dutch oven is preferred to sauté ingredients and bake without transferring, preserving flavors and textures.

How should leftovers be stored?

Refrigerate leftovers in a covered container for up to four days and reheat gently to maintain texture and flavor.

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 a rich, sweet, smoky sauce with crispy bacon, ideal for summer meals.

Prep time
15 min
Cook time
75 min
Total duration
90 min
Created by Nora Ellington


Skill level Easy

Cuisine type American

Makes 8 Serves

Diet details No dairy

What You'll 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 dark brown sugar, packed
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 the oven to 350°F.

Step 02

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

Step 03

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

Step 04

Combine Ingredients: Stir in the drained beans, cooked bacon (reserve 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 Vessel: If not using an oven-safe pan, transfer mixture to a baking dish. Sprinkle reserved bacon over the top.

Step 07

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

Step 08

Cool Before Serving: Let cool for 10 minutes before serving.

You Just Made Something Great 👏

Want more like this? Get my best easy recipes — free, straight to your inbox.

Join 10,000+ home cooks. No spam.

Tools needed

  • Large oven-safe skillet or Dutch oven
  • Slotted spoon
  • Cutting board and knife
  • Measuring cups and spoons
  • Baking dish, if not using oven-safe cookware

Allergen details

Be sure to review the ingredients for possible allergens and speak to a healthcare provider when uncertain.
  • Contains pork (bacon)
  • Contains mustard
  • May contain gluten in Worcestershire sauce
  • May contain soy in Worcestershire sauce

Nutrition info per dish

Details here are just for reference. They don't replace health or nutrition advice.
  • Calories: 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.