Add Preferred Source
Growing up, Baked Beans were always on the table at every family cookout, and this homemade version is everything I remembered and then some. Tender navy beans in a thick, smoky molasses sauce with crispy bacon pieces, brown sugar, and smoked paprika that slow-bake into something rich and deeply caramelized all the way through. Warm, hearty, and completely impossible to stop spooning.
This post contains affiliate links. As an Amazon Affiliate, if you purchase through those links, I earn a commission. Thank you!
I make these for Fourth of July, Memorial Day, and summer backyard gatherings when I need a side that holds up on the table for hours and pairs with everything coming off the grill. They’re even better the next day once the flavors have had time to really settle in. Store leftovers covered in the fridge for up to 4 days or freeze for up to 3 months.
Ingredients You’ll Need
You’ll need all the ingredients shown in the photograph below.
How to Make Baked Beans with Step-By-Step Instructions
Scroll down for the full recipe card containing a full printable recipe and measurements in both US customary and metric units.
Here’s how I bring these smoky, saucy baked beans together from scratch. You can start with dried beans you’ve soaked beforehand, canned beans for speed, or even cans of pork and beans as a shortcut, though I love navy beans for that classic homemade texture.
Preheat the Oven
Preheat your oven to 325°F (160°C) and lightly grease a baking dish so nothing sticks during the long bake. I always reach for my ceramic baking dish because it holds heat beautifully and gives the sauce that gorgeous caramelized edge.
Crisp the Bacon
Cook the chopped bacon slices in a skillet over medium heat until crispy, then drain off most of the excess fat. I use a large nonstick skillet for this because it evenly renders the bacon, avoiding hot spots.
I like to leave about a tablespoon of bacon fat in the pan because it adds a smoky richness when you sauté the onions next to the cooked bacon. You want those crispy little bits because they hold their texture even after baking.
Soften the Onion and Garlic
Add the chopped onion to the skillet and cook until soft and translucent. A wooden spoon is my best friend here for scraping up all those flavorful bits stuck to the bottom of the pan.
For extra color and a subtle sweetness, you can toss in some diced green bell pepper or just plain green pepper along with the onion. Stir in the minced garlic and cook for 1 minute, until fragrant without burning.
Build the Sauce
Add the brown sugar, ketchup, molasses, yellow mustard, apple cider vinegar, and smoked paprika to the skillet. I love using my set of stainless steel measuring spoons to get those molasses and mustard amounts just right, because the deep wells make scraping out sticky ingredients so much easier.
A splash of Worcestershire sauce deepens the savory notes, and a tablespoon of barbecue sauce or your favorite BBQ sauce layers in extra smoky-sweet flavor if you want a bolder sauce. A few drops of liquid smoke also work beautifully if you love that classic backyard BBQ taste.
Stir until everything is smooth and glossy. The ketchup-mustard combo is the backbone of the sauce, so use brands you genuinely enjoy, because their flavors really come through.
Stir in the Beans
Gently fold the rinsed and drained navy beans into the sauce. Season with salt and pepper to taste, stirring carefully so you don’t mash the beans.
Transfer to the Baking Dish
Pour the bean mixture into your prepared baking dish and spread it evenly so it bakes uniformly.
Bake Until Bubbly
Bake uncovered for 45 to 60 minutes, stirring once halfway through. You can also lay a few extra strips of bacon on top before baking, so they crisp up beautifully as the beans bubble away.
The sauce will reduce and thicken, and the top will get those gorgeous caramelized edges. Keep an eye on it during the last 10 minutes so the edges don’t burn.
Serve and Enjoy the Best Baked Beans
Let the baked beans rest for about 5 minutes before serving so the sauce thickens to just the right consistency. Spoon them into bowls or onto plates alongside your favorite BBQ mains and dig in while they’re warm and bubbly. Enjoy!
Baked beans are a potluck and cookout favorite, so they travel really well with a little planning. Keep them warm by transferring the hot beans to an insulated food carrier or wrapping the baking dish tightly in foil and a few kitchen towels for the drive. If you’re heading somewhere with reheating options, a slow cooker on the warm setting is perfect for keeping them serving-ready for hours without overcooking.
Baked Beans
Ingredients
- 2 cups canned navy beans rinsed and drained
- 6 slices bacon chopped
- 1 cup onion chopped
- 2 cloves garlic minced
- 2 tablespoons brown sugar
- ½ cup ketchup
- 2 tablespoons molasses
- 1 tablespoon yellow mustard
- 1 tablespoon apple cider vinegar
- 1 teaspoon smoked paprika
- Salt and pepper
Instructions
- Preheat oven to 325°F (160°C). Lightly grease a baking dish.
- Cook bacon in a skillet over medium heat until crispy. Drain excess fat.6 slices bacon
- Add onion and cook until soft. Stir in garlic and cook for 1 minute.1 cup onion, 2 cloves garlic
- Add brown sugar, ketchup, molasses, mustard, vinegar, and paprika. Stir until smooth.2 cups canned navy beans, 2 tablespoons brown sugar, ½ cup ketchup, 2 tablespoons molasses, 1 tablespoon apple cider vinegar, 1 teaspoon smoked paprika, 1 tablespoon yellow mustard
- Gently stir in the beans. Season with salt and pepper.Salt and pepper
- Transfer to the baking dish and spread evenly.
- Bake uncovered for 45–60 minutes, stirring once halfway through.
Notes
- Render the bacon well: Cook it until it’s truly crispy, since it’ll soften slightly during the long bake, and you want it to hold its texture in the final dish.
- Sauté the onions until translucent. Don’t rush them; properly softening them builds a sweet, savory base that carries the whole sauce.
- Whisk the sauce until glossy: Stir the sugar, ketchup, molasses, mustard, vinegar, and paprika together in the warm skillet so the brown sugar dissolves fully and the sauce comes together smoothly.
- Fold the beans gently: Stir the navy beans in carefully so they stay whole and creamy, rather than breaking down into mush.
- Stir halfway through baking: Give the beans a good stir at the 30-minute mark so the top layer doesn’t dry out and the sauce stays evenly distributed.
- Flash-freeze for portion control: Spoon cooled leftover beans into a muffin tin and freeze until solid, then pop them into a freezer bag so you can grab single servings whenever you want.
Nutrition
How to Store Leftovers
Let the baked beans cool completely before transferring them to an airtight container, then refrigerate for up to 4 days. If you have a slow cooker, reheat leftovers on the warm setting for a completely hands-off option.
To reheat on the stovetop, warm them in a saucepan over medium-low heat with a splash of water to loosen the sauce, or microwave in 30-second intervals, stirring between each one. For longer storage, transfer cooled beans into freezer-safe glass containers with locking lids and freeze for up to 3 months.
Thaw overnight in the fridge, then gently reheat on the stovetop so the beans keep their tender texture and the sauce stays glossy.
What to Serve With Baked Beans
It’s the ultimate sidekick for grilled mains, and I love spooning it alongside smoky pulled pork sandwiches, grilled chicken thighs, or a juicy burger straight off the grill.
A drizzle of hot honey adds a sweet-spicy contrast that’s hard to beat. It also pairs beautifully with hot dogs, BBQ ribs, or a simple grilled sausage when I want something hearty and comforting.
For lighter pairings, a crisp coleslaw or tangy cucumber salad balances out the sweetness of the sauce. Cornbread is non-negotiable in my house, and a buttery slice is perfect for soaking up every last drop of that glossy sauce.
More Easy Side Dish Recipes for You to Try at Home
Here are a few more easy sides I think you’ll love.
