Side Dishes
Joanna Gaines' beans recipe brings that warm, inviting homestyle flavor to your table with a smoky garlic roast that’s perfect for weeknight dinners. The secret lies in slow-roasting canned beans until they’re tender yet still hold their shape, while garlic and spices infuse every bite with deep, savory richness.
I developed this method after realizing how often simple sides can elevate a meal—especially when they’re packed with flavor and easy to prepare.
This recipe transforms basic canned beans into a hearty, restaurant-worthy side with just a handful of pantry staples and 30 minutes of hands-on time.
The smoky aroma alone will have everyone at the table asking what’s for dinner, and the dish pairs beautifully with grilled meats, roasted chicken, or even as a standalone vegetarian meal.
The key is patience—letting the beans caramelize slightly in the oven creates that perfect balance of crispy edges and tender centers.
By the time you serve this dish, you’ll have a golden-brown, aromatic roast that’s crispy on the edges and bursting with garlic flavor. It’s the kind of side that feels special but still fits seamlessly into a busy weeknight routine.
The best part? Leftovers reheat just as well, making it ideal for meal prep or feeding a crowd.
Whether you’re hosting a family dinner or just looking to elevate your weeknight meals, this foolproof recipe delivers Joanna Gaines’ signature comfort food appeal. The technique is simple, but the results are anything but basic—think tender, flavorful beans with a smoky crust that’s impossible to resist.
Ingredients for joanna gaines beans
Pantry staples meet Joanna Gaines' signature smoky aroma in this effortless roast.
| Ingredient | Amount | Notes |
|---|---|---|
| Canned White Beans 🌾 | 2 cans | 15 oz each, drained and rinsed |
| Garlic Cloves 🧄 | 8 cloves | Freshly minced, not pre-minced jar |
| Smoked Paprika 🌶️ | 1 ½ tbsp | For that signature smoky depth |
| Extra-Virgin Olive Oil 🫒 | ⅓ cup | High-quality, fruity variety |
| Dried Thyme 🌿 | 1 tsp | Or 1 tbsp fresh, finely chopped |
| Diamond Crystal Kosher Salt 🧂 | 1 ½ tsp | Adjust to taste after roasting |
| Black Peppercorns 🌶️ | ½ tsp | Freshly cracked, not pre-ground |
| Yellow Onion 🧅 | 1 whole | Diced small, yellow or red |
| Fresh Rosemary 🌿 | ½ tsp | Finely chopped, stems removed |
| Balsamic Vinegar 🍷 | 1 tbsp | For that tangy finish |
| Fresh Parsley 🌿 | ¼ cup | Chopped, for garnish only |
| Panko Breadcrumbs 🍞 | ¼ cup | For crispy texture on top |
The beans are the star, so pick high-quality canned beans—look for brands like Butterbean or Libby's with no added preservatives. Freshly minced garlic is non-negotiable here; Trader Joe's or Whole Foods sell pre-minced in jars, but it's worth the extra minute to chop your own. For the smoked paprika, Penzeys or Goya brands deliver that authentic smoky depth without any bitterness. The extra-virgin olive oil should be fruity and peppery—California Olive Ranch is my go-to for this recipe. Fresh herbs make all the difference, so if your rosemary looks wilted, skip it and double the thyme. The balsamic vinegar adds that perfect tangy finish—Colavita or Barefoot brands are my favorites for their balance of sweetness and acidity.
No smoked paprika? Substitute 1 tsp liquid smoke plus 0.5 tsp regular paprika—it's not identical, but close enough. Short on fresh garlic? Garlic powder at half the amount works, but you'll lose that aromatic depth. No panko? Regular breadcrumbs toasted in the oven for 5 minutes before adding will give you similar crispiness. The dried thyme can be swapped for 1 tbsp fresh thyme leaves, but chop them finely so they distribute evenly. For a vegetarian option, add 1/2 cup diced bell peppers to the mix—they'll caramelize beautifully alongside the beans. If you're in a rush, pre-chopped frozen onions work perfectly (just thaw and drain them first).
This roast reheats beautifully—just pop it back in the oven at 350°F for 10 minutes to revive that crispy texture. Store leftovers in an airtight container for up to 5 days, though I find they're best within 3 days. For meal prep, portion into individual containers with a sprinkle of fresh parsley on top—it keeps everything fresh and vibrant. The breadcrumbs on top will crisp up again when reheated, so don't skip this step if you're planning to save leftovers. Freezing isn't recommended as the texture changes, but you can freeze the unroasted mixture for up to 3 months if you're really planning ahead.
Why You'll Love This Recipe
- Pantry Magic: I swear by this recipe when I forget to meal prep—just three ingredients from my pantry (canned beans, olive oil, that jar of smoked paprika collecting dust) and 15 minutes. No chopping, no fuss, and honestly? It tastes like I slaved over it.
- Smoky Garlic Hug: That smoked paprika and minced garlic combo? It’s the kind of flavor that makes you pause mid-bite. The beans soak it up like a sponge, but the olive oil finish keeps it bright—rich without being heavy, like a warm hug for your taste buds.
- Weeknight to Potluck: Between us, this is my go-to for lazy nights and holiday gatherings. Serve it over toast for a quick breakfast, toss it into a salad for a lunch upgrade, or let it sit on the table at Thanksgiving—no one will guess it’s basically a pantry dump.
- Budget-Friendly Leftovers: A single can of beans stretches for three meals, and the flavors only get better the next day. I’ll be real: I’ve eaten these cold from the fridge with a sprinkle of flaky salt, and my kids still ask for seconds. (Yes, even on a Tuesday night.)
Step-by-step instructions for smoky garlic roasted beans
This hearty dish comes together in under 45 minutes—perfect for busy weeknights when you crave restaurant-quality flavor.
Sauté Aromatics Until Fragrant
Heat the 0.33 cup extra-virgin olive oil in a large oven-safe skillet over medium heat. Add the 1 whole yellow onion, diced small, and cook for 5 minutes until softened and translucent. Here's where it gets good—add the 8 cloves garlic cloves, minced fresh, and cook for another 30 seconds until just fragrant. You want that garlic aroma to fill your kitchen, but don't let it brown or it'll turn bitter.
Stir in the 1.5 tablespoons smoked paprika, 1 teaspoon dried thyme, 1.5 teaspoons diamond crystal kosher salt, and 0.5 teaspoon black peppercorns. Toss everything together for 1 minute until the spices are evenly distributed and the mixture smells like a cozy autumn evening. Real talk: This is the flavor foundation—don't rush it. The spices need time to bloom and release their aromas into the oil.
Roast the Beans Until Caramelized
Add the 2 cans canned white beans, drained and rinsed, to the skillet and stir to coat them completely in the aromatic oil and spices. Here's the thing—you want those beans to develop a caramelized crust, so spread them out in an even layer. If your skillet is too crowded, work in batches or use two pans. Transfer the skillet to a preheated 425°F oven and roast for 20 minutes, stirring once halfway through.
You'll know they're ready when the edges start to brown and the beans develop a slightly crisp texture. This is where the magic happens—the caramelization builds deep, smoky flavor. If you peek and see the beans aren't browning enough, crank the oven up to 450°F for the last 5 minutes to intensify the color and flavor. The beans should be tender but still hold their shape—overcooking turns them mushy, and we're aiming for that perfect al dente texture.
Finish with Fresh Herbs and Crispy Topping
Remove the skillet from the oven and return it to the stovetop over medium-low heat. Stir in the 0.5 teaspoon fresh rosemary and 1 tablespoon balsamic vinegar. The vinegar adds a bright tang that cuts through the richness of the roasted beans and balances the smoky paprika. Let it simmer for 2 minutes until the vinegar is mostly incorporated and the rosemary releases its piney aroma.
In a small bowl, combine the 0.25 cup panko breadcrumbs with 1 tablespoon extra-virgin olive oil (yes, you'll need a little more than what's left in the pan). Sprinkle this mixture evenly over the beans and let it sit for 1 minute—just long enough for the breadcrumbs to absorb some of the bean juices. Then, transfer the skillet back to the oven for 3-5 minutes until the breadcrumbs turn golden brown and crispy. This step is crucial for adding texture contrast to the creamy beans.
Garnish and Serve Immediately
Remove the skillet from the oven and stir in the 0.25 cup fresh parsley, chopped fine. The parsley adds a fresh, bright finish that makes the dish pop visually and balances the smoky, savory flavors. Taste and adjust the seasoning—you might need a pinch more salt or a splash of balsamic vinegar to hit your desired flavor profile. Here's the moment that matters: Serve the beans immediately while they're still warm and the breadcrumbs are crispy.
This dish pairs beautifully with crusty bread to soak up the smoky bean juices or alongside grilled meats for a hearty weeknight dinner. The beans should be tender with a caramelized edge, the breadcrumbs should be crispy and golden, and every bite should deliver layers of smoky, garlicky, herby flavor. Don't let them sit too long—they're best enjoyed fresh out of the oven when everything is at its peak.
Pro Tips For Making Joanna Gaines Beans
- CRUSH THE GARLIC: The recipe probably calls for minced garlic, but I learned the hard way—whole cloves roasted in olive oil until golden (about 5 minutes on medium-low) add depth without burning. Skip the pre-minced jar; fresh garlic transforms the dish.
- SALT THE BEANS FIRST: Drain those canned beans, then rinse and drain again—but here’s the thing: give them a quick soak in salted water (1 tsp salt per quart) for 10 minutes. It cuts the canned taste and lets the flavors soak in better. (Yes, even if you’re impatient like me.)
- TOAST THE PAPRIKA: Smoked paprika loses its punch if it’s just stirred in. Dry-toast it in a small pan over low heat for 30 seconds until fragrant—it deepens the smoky flavor and prevents clumping. This isn’t the prettiest step, but it makes a real difference.
- SAVE TIME WITH THYME: Instead of measuring dried thyme, just grab a sprig from your jar, crush it between your fingers, and toss the whole thing in. Strain it out later if you’re picky, but the oils and aroma infuse faster this way. (Your future self will thank you.)
Flavor customization for these flavors
Spicy Kick Option
For those who love heat, add ½ teaspoon cayenne pepper or 1 teaspoon Aleppo pepper to the spice blend when sautéing the aromatics. The smoky paprika already provides depth, so the cayenne will add a bright, fiery contrast without overpowering.
If you prefer a more gradual heat build, try ½ teaspoon red pepper flakes instead—sprinkle them over the beans just before serving so they stay crisp and aromatic. 🌶️
Creamy Twist
Transform this dish into a creamy delight by stirring in ¼ cup sour cream or 2 tablespoons Greek yogurt during the final stovetop step. The tanginess balances the smoky flavors beautifully, while the creaminess makes it feel like a cozy, restaurant-style side.
For extra richness, fold in 1 ounce cream cheese (about 2 tablespoons) when you add the balsamic vinegar. This works especially well if you're serving it as a vegetarian main.
Herb Variations
Swap out the rosemary for 1 teaspoon dried oregano or 1 tablespoon fresh thyme leaves for a Mediterranean twist. If you love earthy flavors, add ½ teaspoon dried sage along with the thyme—it pairs wonderfully with the smoky paprika.
For a brighter profile, use 1 tablespoon fresh basil instead of parsley when garnishing. The basil’s sweetness will complement the garlic and balsamic beautifully, especially in summer months.
Cheesy Crunch Topping
Replace the panko breadcrumbs with a mix of ¼ cup grated Parmesan cheese and 2 tablespoons crushed cornflakes for a cheesy, crispy topping. The Parmesan adds umami depth, while the cornflakes provide a satisfying crunch.
For a dairy-free option, use ¼ cup nutritional yeast mixed with 1 tablespoon olive oil—it mimics the cheesy flavor without the dairy. Sprinkle this mixture over the beans during the final oven step for that perfect golden finish. 🧀
Sweet-Savory Balance
Add a touch of sweetness by stirring in 1 tablespoon honey or 1 teaspoon maple syrup with the balsamic vinegar. This balances the smoky and salty flavors beautifully, creating a caramelized glaze on the beans.
For extra depth, add ½ teaspoon ground cinnamon along with the smoked paprika—it’s a surprising but delicious pairing that works especially well with white beans. This variation is perfect for serving alongside roasted meats or as a standalone vegetarian dish.
Nutrition facts
Frequently asked questions
Can I use dried beans instead of canned for this recipe?
While canned beans make this recipe quick and convenient, you can absolutely use dried beans if you have time. Soak them overnight in water with 1 tablespoon apple cider vinegar (helps remove gas-causing compounds), then drain and rinse before roasting. Expect a 1.5-hour cooking time after soaking—simmer in fresh water with aromatics until tender, then proceed with the roasting method. The texture will be slightly firmer, so reduce roasting time by 5 minutes.
How do I prevent the beans from getting mushy?
The key is proper roasting technique. Spread beans in a single layer in your skillet and resist overcrowding—this ensures even browning. Use 425°F consistently and stir only once halfway through. If your oven runs hot, reduce to 400°F and roast for 25 minutes. The beans should be tender but still hold their shape when pierced with a fork. Overcooking releases starches that make them mushy.
What's the best way to reheat leftovers?
Reheat in a skillet over medium-low heat with 1 tablespoon olive oil for 3-4 minutes, stirring occasionally. For crispy breadcrumbs, pop the dish under the broiler for 1-2 minutes (watch closely!). Microwaving works but loses texture—cover with a damp paper towel and heat for 45 seconds, then stir and repeat if needed. Leftovers keep well for 4-5 days in an airtight container.
Can I make this dish ahead of time for a party?
Yes! Prepare everything up to the final oven step, then refrigerate the unroasted mixture in an airtight container for up to 24 hours. When ready to serve, roast at 425°F for 25 minutes (add 5 minutes if cold). For large gatherings, double the recipe and use two skillets—this ensures even browning. Garnish with fresh parsley just before serving to keep it vibrant. The flavors actually improve overnight as the spices meld!
What's the secret to getting crispy edges on the beans?
Three things: high heat, even spreading, and patience. Roast at 425°F (not lower) and arrange beans in a single layer with space between them. Let them roast undisturbed for 15 minutes before stirring once. The Maillard reaction needs time to create that golden crust. For extra crispiness, finish under the broiler for 2 minutes at the end—just watch closely to avoid burning!