Side Dishes
This baked beans recipe with chili sauce delivers the perfect smoky-spiced side for BBQs, game days, or cozy weeknight dinners. 💛 The secret lies in slow simmering canned beans with chili sauce, molasses, and spices until thick, tender, and packed with deep, caramelized flavor—no fancy ingredients required.
I developed this version after years of testing, ensuring it’s foolproof for home cooks while delivering restaurant-quality results.
The beauty of this recipe is its simplicity: just five core ingredients (plus pantry staples) and one hour of hands-off cooking. The chili sauce adds instant depth, while brown sugar and molasses create that signature sweet-and-smoky balance.
Unlike store-bought versions, this recipe builds flavor from scratch, with beans that stay tender and a sauce that thickens just enough to coat every bite.
By the time you’re done, you’ll have a pot of rich, velvety baked beans that pair perfectly with grilled meats, cornbread, or even as a standalone dish. The aroma alone—smoky, slightly sweet, with a hint of heat—will have everyone asking for seconds.
Best of all, it reheats beautifully, making it ideal for meal prep or leftovers.
Serve this crowd-pleaser at your next BBQ or family gathering, or keep a batch in the fridge for quick, satisfying meals all week. Here’s how to make it—simple, flavorful, and guaranteed to impress.
Ingredients for baked beans recipe with chili sauce
Five core ingredients plus pantry staples craft this restaurant-worthy baked bean masterpiece.
| Ingredient | Amount | Notes |
|---|---|---|
| Canned Navy Beans 🥫 | 2 cans | 15 oz each, drained and rinsed |
| Chili Sauce 🍅 | 1 cup | Store-bought or homemade |
| Light Brown Sugar 🍚 | ½ cup | Packed, for sweetness |
| Molasses 🍯 | ¼ cup | Unsulphured preferred |
| Yellow Onion 🧅 | 1 whole | Medium, finely diced |
| Garlic Cloves 🧄 | 3 cloves | Minced for aromatic depth |
| Ground Black Pepper 🌶️ | ½ tsp | Freshly cracked for heat |
| Ground Cumin 🌿 | 1 tsp | Toasted for complexity |
| Mustard Powder 🍋 | 1 tsp | For tangy brightness |
| Apple Cider Vinegar 💧 | 1 tbsp | Balances sweetness |
| Kosher Salt 🧂 | 1 ½ tsp | Diamond Crystal preferred |
| Vegetable Oil 🫒 | 1 tbsp | For sautéing onions |
| Fresh Thyme Leaves 🌿 | ¼ tsp | Or 1/8 tsp dried thyme |
The chili sauce is non-negotiable—Heinz or French's are reliable choices, but any brand with a smoky profile works. For molasses, unsulphured ensures richer flavor without bitterness. Penzeys or bulk bins at Whole Foods offer the best quality for spices like cumin and mustard powder. Toast the cumin seeds in a dry pan for 30 seconds before grinding to deepen their aroma. The brown sugar should be packed—light brown gives a subtle caramel note, while dark brown adds more molasses-like depth.
No chili sauce? Substitute 1/2 cup tomato sauce plus 1/2 tsp smoked paprika for a similar effect. Fresh thyme is ideal, but dried thyme at one-third the amount works in a pinch. The apple cider vinegar can be swapped for white vinegar, though it lacks the fruity balance. For extra richness, add 1/4 cup tomato paste with the onions. If your beans are too thick, stir in 1-2 tbsp water or broth—they should coat the back of a spoon but still hold their shape.
Store leftovers in an airtight container for up to 5 days in the fridge, though they taste best within 3. Freeze for up to 3 months by portioning into individual containers. The beans develop deeper flavor overnight, so plan ahead for game days or BBQs. Reheat gently on the stove with a splash of water to restore moisture. This recipe doubles easily—simply scale all ingredients proportionally for larger crowds.
Why You'll Love This Recipe
- Five-Ingredient Magic: I swear by this recipe—just beans, chili sauce, a touch of brown sugar, molasses, and onions. Honestly, it’s the kind of thing where you almost feel guilty for how easy it is to make something this good.
- Sweet-Spicy Kick: That molasses and chili sauce combo? It’s where this dish gets its soul. The brown sugar caramelizes just enough to balance the heat, and the onions add this deep, smoky sweetness that makes every bite feel like a hug.
- Tailgate or Taco Night: Between us, this is my go-to for game days or when I’m lazy but still want to impress. Slap it on toasted buns for a quick sloppy joe-style sandwich, or serve it as a side—it’s just as happy in a bowl as it is on a plate.
- Leftovers That Don’t Suck: I make a double batch every time because these beans actually taste better the next day. The flavors meld even more, and it’s the perfect cheap, filling lunch for the week—no sad, dry leftovers here.
Step-by-step instructions for baked beans with chili sauce
This method delivers rich, smoky-sweet baked beans with perfect texture every time.
🍳 Step 1: Sauté Aromatics Until Fragrant
Heat the 1 tablespoon vegetable oil in a large Dutch oven over medium heat. Add the finely diced yellow onion and cook for 5-6 minutes until softened and translucent. The onions should release their natural moisture but not brown.
Add the 3 minced garlic cloves and cook for 30 seconds until fragrant—you'll smell that unmistakable garlic aroma. Immediately stir in the 0.25 teaspoon fresh thyme leaves, 1 teaspoon ground cumin, 1 teaspoon mustard powder, and 0.5 teaspoon ground black pepper. Cook for another 30 seconds until the spices are toasted and aromatic. This step builds the flavor foundation for your beans.
👨🍳 Step 2: Combine Wet Ingredients
Pour in the 1 cup chili sauce, 0.5 cup packed light brown sugar, 0.25 cup molasses, 1 tablespoon apple cider vinegar, and 1.5 teaspoons kosher salt. Stir vigorously to combine all ingredients into a smooth mixture. The molasses and brown sugar will begin to dissolve, creating a thick, syrupy base.
Add the 2 cans drained and rinsed navy beans to the pot. The beans should be completely submerged in the sauce. If needed, add 2-3 tablespoons water to ensure everything is well-coated. The sauce should be thick but not pasty—this consistency is crucial for proper baking.
🔥 Step 3: Simmer and Thicken the Mixture
Transfer the Dutch oven to the stovetop and bring the mixture to a gentle boil over medium-low heat. Once boiling, reduce heat to low and let it simmer uncovered for 15-20 minutes, stirring occasionally. This simmering phase allows the flavors to meld and the sauce to thicken slightly.
You'll notice the sauce gradually reduce and become glossy. The beans should begin to soften slightly, but they'll continue cooking in the oven. Taste the mixture now—it should be tangy, sweet, and slightly smoky. If it needs more depth, add another ½ teaspoon salt or ½ teaspoon cumin.
🥘 Step 4: Bake Until Glossy and Thick
Preheat your oven to 350°F. Transfer the Dutch oven to the oven and bake uncovered for 45-50 minutes. The beans are done when the sauce is thick and glossy and the beans are tender but not mushy. The edges should pull away slightly from the sides of the pot, indicating proper thickening.
I like to check the beans at the 40-minute mark—they should be soft enough to pierce easily with a fork. If the sauce is still too thin, uncover and bake for another 5-10 minutes to reduce further. The beans should hold their shape but be fork-tender, with a creamy texture when mashed slightly.
⏰ Step 5: Rest and Serve with Confidence
Remove the baked beans from the oven and let them rest at room temperature for 10 minutes. This resting period allows the flavors to settle and the sauce to thicken further. The beans will continue to absorb the sauce, becoming even more flavorful.
Serve warm alongside grilled meats, cornbread, or as a hearty side dish. The beans should have a rich, smoky-sweet profile with a thick, glossy sauce that clings beautifully. If the sauce thickens too much while resting, simply stir in 1-2 tablespoons water to loosen it before serving.
Pro Tips For Making Baked Beans Recipe With Chili Sauce
- Simmer the Onions Slow: Dump those raw onions straight into the pot and you’ll end up with a bitter, mushy mess. Sauté them in a little oil or butter until they’re soft and translucent—about 5 minutes—before adding any liquids. This builds flavor without turning your beans into a sad, watery sludge.
- Drain, Rinse, Repeat: Canned beans come packed in salty brine, and if you skip rinsing, your baked beans will taste like a swimming pool. Drain them, give them a good rinse, then drain again. Trust me, the extra 30 seconds saves you from guessing why your dish tastes off.
- Low and Slow Wins: Cranking the oven to 400°F might seem fast, but it’ll burn the sugar and make your beans dry. Cover the dish and bake at 325°F for at least 2 hours—uncovered for the last 15 minutes to let the sauce thicken. Patience here means the difference between good and great.
- Balance the Sweet Heat: Too much molasses or brown sugar? Your beans turn cloying. Start with half the amount listed, taste, then add more if needed. Chili sauce is already bold—let the molasses play a supporting role, not steal the show. Adjust in small increments.
Best sauces and condiments for these flavors
Chili Sauce Swaps
Store-bought chili sauce is the star here, but you can easily swap it for homemade or pantry alternatives. For a smoky kick, use ½ cup tomato sauce plus ½ teaspoon smoked paprika—this combo mimics the depth of chili sauce without the sweetness.
If you have harissa paste (my go-to for North African flair), mix 2 tablespoons with ½ cup tomato sauce for a fiery, garlicky twist. For heat lovers, add 1 teaspoon cayenne to any substitute. 🌶️
Sweetness Balancers
The brown sugar and molasses create that signature caramelized sweetness, but adjustments are easy. Swap molasses for maple syrup (same amount) if you prefer a cleaner taste, or use honey for a floral note.
For a tangy balance, increase the apple cider vinegar to 1½ tablespoons—this cuts through richness beautifully. If your sauce tastes too sweet, stir in ½ teaspoon mustard powder or a pinch of ground cloves for warmth.
Umami Boosters
For extra depth, fold in 1 tablespoon soy sauce or Worcestershire sauce during the simmering phase—this adds a savory punch that pairs perfectly with the smoky chili sauce.
If you love bacon, crumble ½ cup cooked bacon into the beans during the last 10 minutes of baking for a salty, fatty contrast. For vegetarians, 1 tablespoon miso paste (dissolved in the liquid) works wonders. 🥓
Herb and Spice Tweaks
Fresh thyme is ideal, but dried works too—just use ⅛ teaspoon. For a Mediterranean twist, add ½ teaspoon dried oregano and ¼ teaspoon cinnamon during the sauté.
If you love heat, sprinkle in ½ teaspoon chipotle powder or 1 teaspoon hot sauce (like Tabasco) at the end. For a citrusy finish, zest 1 teaspoon orange peel into the sauce while simmering—it brightens the flavors beautifully.
Texture Adjustments
If your beans turn out too thick, stir in 1-2 tablespoons water or broth to loosen the sauce. For a chunkier texture, add ½ cup diced tomatoes or roasted bell peppers during the simmer.
If you prefer creamy beans, mash ¼ of the beans with a fork before baking—this thickens the sauce naturally. For a crunchy top, sprinkle toasted pecans or crushed tortilla chips on top before serving.
Serving Sauces
Serve these baked beans with a cooling contrast like ranch dressing or a spicy mayo (mix mayonnaise with sriracha and a squeeze of lime). For a smoky drizzle, heat 2 tablespoons chili oil and pour over the top.
A quick-pickled onion topping (thinly slice ½ red onion, soak in ¼ cup vinegar + 1 teaspoon sugar for 10 minutes) adds a tangy crunch. 💫
Nutrition facts
Frequently asked questions
Can I use different types of beans instead of navy beans?
Great Northern, pinto, or even black beans work beautifully. For a creamier texture, try canned butter beans or lima beans. Just adjust the baking time—softer beans like butter beans may need 10-15 fewer minutes in the oven, while firmer beans like pinto beans might need 5-10 extra minutes. Always check for tenderness at the 40-minute mark.
How can I make this recipe vegetarian or vegan?
Swap the chili sauce for a vegan version (like Annie's or Heinz Vegan) and use vegetable broth instead of water. For extra richness, add 1 tablespoon soy sauce or 1 tablespoon miso paste during simmering. The molasses and maple syrup are already plant-based, but check labels for hidden animal products.
Why did my baked beans turn out too thick or too thin?
Thick sauce? The beans absorbed too much liquid—simmer uncovered for 5-10 extra minutes next time. Too thin? Add 1-2 tablespoons cornstarch mixed with water, stir in, and simmer for 2-3 minutes until thickened. The ideal consistency coats the back of a spoon but still holds its shape when spooned.
Can I make this recipe in a slow cooker instead of the oven?
Yes! Follow the same steps up to simmering, then transfer everything to a slow cooker on low for 6-8 hours or high for 3-4 hours. Stir occasionally to prevent sticking. The sauce will thicken naturally from the slow cooking process—no need for extra reduction.
How do I store or reheat leftovers?
Store in an airtight container for up to 5 days in the fridge or 3 months in the freezer. Reheat gently on the stove with 1-2 tablespoons water or broth to restore moisture—never microwave dry. For best flavor, reheat only until warmed through, then let sit for 5 minutes before serving.