Salads
This creamy broccoli and bean salad recipe transforms simple ingredients into a protein-packed dish that works as both a side and a satisfying main.
I developed it after realizing how often we overlook beans and cruciferous vegetables in salads—until I discovered how their textures and flavors complement each other perfectly when paired with a tangy dressing.
The key lies in the balance: crisp-tender broccoli florets, hearty beans, and a creamy dressing that binds everything together without overpowering the natural flavors.
What sets this salad apart is its versatility—it’s vegetarian-friendly but packed with plant-based protein, making it ideal for lunchboxes, potlucks, or a quick weeknight dinner. I’ve tested it with chickpeas, kidney beans, and white beans, each bringing a slightly different texture and earthiness to the mix.
The dressing, a blend of Greek yogurt (or vegan mayo), lemon juice, and Dijon mustard, adds just the right amount of creaminess while keeping the dish light and refreshing.
The result is a salad with satisfying crunch from the broccoli and beans, a velvety dressing that coats every bite, and a flavor profile that’s bright, tangy, and subtly herby.
It’s the kind of dish that feels nourishing yet effortless to prepare—no fancy techniques required, just fresh ingredients and a little time to let the flavors meld. Serve it chilled or at room temperature, and watch it disappear from the table.
For extra depth, I like to add toasted almonds or sunflower seeds for crunch, crumbled feta or vegan cheese for creaminess, or fresh herbs like parsley or dill for a pop of color.
This salad keeps well for up to three days in the fridge, making it perfect for meal prep. Let’s get started—your taste buds (and leftovers) will thank you.
Ingredients for broccoli and bean salad
Simple, wholesome ingredients that pack protein and crunch into every bite.
| Ingredient | Amount | Notes |
|---|---|---|
| Fresh Broccoli Crowns 🥦 | 4 cups | Cut into bite-sized florets |
| Canned White Beans 🌾 | 1 ½ cups | Drained and rinsed, any variety |
| Plain Greek Yogurt 🧀 | ¾ cup | Full-fat for creaminess |
| Extra-Virgin Olive Oil 🫒 | ⅓ cup | High-quality, fruity variety |
| Fresh Lemon Juice 🍋 | 2 tbsp | Freshly squeezed, zesty |
| Dijon Mustard 🍯 | 1 tbsp | Mild or hot, to taste |
| Garlic Cloves 🧄 | 2 cloves | Minced, fresh preferred |
| Fresh Dill 🌿 | ¼ cup | Chopped, stems removed |
| Red Onion 🧅 | ¼ cup | Finely chopped, white preferred |
| Salt 🧂 | ½ tsp | Diamond Crystal kosher |
| Black Pepper 🌶️ | ¼ tsp | Freshly ground, coarse |
| Raw Almonds 🥜 | ⅓ cup | Toasted, sliced for crunch |
| Crumbled Feta Cheese 🧀 | ½ cup | Optional, omit for vegan |
Broccoli is the star here—look for bright green florets with tight buds at Whole Foods or your local market. The white beans? Great Northern or cannellini from the bulk section add the best texture. For the Greek yogurt, Fage full-fat is my go-to—it stays thick and creamy without separating. Fresh dill is ideal, but dried dill at one-third the amount works in a pinch. The almonds? Trader Joe's has pre-sliced raw almonds that toast beautifully in 5 minutes.
No Greek yogurt? Vegan mayo or coconut yogurt keeps it creamy. Substitute kidney beans for white beans—they hold their shape better when chilled. For extra tang, add another tablespoon of lemon juice. The feta can be swapped for vegan feta or nutritional yeast if needed. If you're short on time, pre-cut broccoli florets from the grocery store save chopping. The dressing stays fresh for 4 days in the fridge—make extra for sandwiches!
This salad tastes even better the next day as flavors meld. Store in an airtight container with parchment between layers to keep it crisp. The dressing separates slightly? Just whisk before serving. For meal prep, portion into glass containers—they keep the salad fresher longer. The almonds and feta can be added fresh when serving to maintain perfect crunch.
Why You'll Love This Recipe
- Pantry to Plate Fast: The canned beans and pre-cut broccoli crowns mean I’m done chopping before the timer even starts. Just toss, drizzle, and let the lemon-yogurt dressing work its magic—no fuss, no waiting.
- Creamy-Tangy Magic: That Greek yogurt and lemon combo? It’s the secret weapon—bright, rich, and tangy without being heavy. The olive oil ties it all together, making every bite feel like a little flavor explosion.
- Lunchbox or Picnic: Between us, this salad holds up perfectly for days—pack it for work, toss it in a thermos, or take it camping. Kids? My son sneaks bites before lunch, and I don’t even mind.
- Budget Meal Hero: Fresh broccoli and canned beans stretch my grocery dollars, and the yogurt dressing costs pennies. Honestly, it’s the kind of dish that makes me feel smart about feeding my family well without breaking the bank.
Step-by-step instructions for broccoli and bean salad
Here's how to assemble this vibrant, protein-rich salad with creamy texture and satisfying crunch.
Blanch and Cool the Broccoli
Start by cutting the 4 cups fresh broccoli crowns into bite-sized florets. Bring a pot of water to a rolling boil and add the florets, cooking for 2-3 minutes until they're bright green and just tender when pierced with a fork. Immediately drain and transfer to a large bowl filled with ice water to stop the cooking process. This quick blanching preserves color and texture while making the florets easier to digest.
Drain the broccoli thoroughly and pat dry with paper towels. You want it completely dry before mixing with other ingredients—any moisture will dilute the dressing and make the salad soggy. Let it cool to room temperature while you prepare the remaining components. The broccoli should be vibrant green and crisp with a slight bite when you test it.
Toast the Almonds for Maximum Crunch
While the broccoli cools, toast the ⅓ cup raw almonds in a dry skillet over medium heat for 4-5 minutes, stirring constantly. You're looking for a light golden color and a nutty aroma—this should take just a few minutes. Watch carefully to avoid burning; almonds can go from perfectly toasted to bitter in seconds.
Transfer the toasted almonds to a cutting board and let them cool for 2 minutes. Then, roughly chop them with a knife—you want a mix of small pieces and whole almonds for texture contrast. Set them aside until ready to combine with the salad. The toasted almonds will add a satisfying crunch that balances the creamy dressing and tender beans.
Prepare the Creamy Yogurt Dressing
In a medium bowl, whisk together the ¾ cup plain Greek yogurt, ⅓ cup extra-virgin olive oil, 2 tablespoons fresh lemon juice, and 1 tablespoon Dijon mustard until smooth and fully combined. The mixture should have a thick, creamy consistency—almost like a light vinaigrette. Add the 2 cloves minced garlic, ½ teaspoon salt, and ¼ teaspoon black pepper, whisking until everything is well incorporated.
Taste the dressing and adjust seasoning if needed. You might want to add a pinch more salt or lemon juice to balance the flavors. The dressing should be tangy, slightly garlicky, and rich enough to coat the salad ingredients without being overly heavy. This is the foundation of your salad's creamy texture, so take your time getting it right.
Combine All Ingredients for Perfect Balance
Add the cooled broccoli, 1½ cups drained white beans, ¼ cup finely chopped red onion, and ¼ cup chopped fresh dill to the bowl with the dressing. Using your hands or a large spoon, gently toss everything together until the broccoli and beans are evenly coated with the creamy mixture. You want the beans to be well distributed but not mashed—their texture should remain intact for that satisfying bite.
Fold in the toasted almonds and ½ cup crumbled feta cheese (if using) just before serving. The almonds should be scattered throughout for maximum crunch, while the feta adds a salty, tangy contrast to the creamy dressing. Taste one final time and adjust seasoning if needed—this is your chance to perfect the flavor balance before serving.
Serve Immediately for Best Texture
Transfer the salad to a serving platter or individual bowls and serve immediately. The broccoli should be bright green and crisp, the beans tender but still holding their shape, and the dressing creamy without being watery. The toasted almonds will provide satisfying crunch, while the feta adds a salty tang that cuts through the richness of the yogurt dressing.
This salad holds up well for 1-2 hours in the refrigerator, but the texture will be best when freshly assembled. If you're making it ahead, store the dressing and vegetables separately and combine just before serving to maintain the perfect crunch. Pair with grilled chicken or crusty bread for a complete meal that's packed with protein and flavor.
Pro Tips For Making Broccoli And Bean Salad
- CUT BROCCOLI SMALLER THAN YOU THINK: I used to leave those thick florets whole, thinking they’d hold up better—wrong. Tiny florets (about half-inch pieces) cook faster and soak up dressing evenly, so every bite tastes bright and creamy. Plus, they look way more restaurant-worthy in the bowl.
- DRAIN BEANS WELL—THEN RINSE: Skipping this step leaves your beans waterlogged, and no amount of lemon or olive oil will fix the sad, mushy texture. Drain them, then give them a quick cold water rinse to cut any residual starch. Trust me, the salad stays crisp longer.
- WHISK YOGURT AND OIL FIRST: Mixing the Greek yogurt and olive oil before adding lemon prevents curdling—lemon’s acid can turn your dressing into a lumpy mess if you’re not careful. Stir them together until smooth, then add the lemon juice. Saves you from scraping gunk off the whisk later.
- USE LEMON ZEST, NOT JUST JUICE: I was skeptical until I tried it—adding a fine zest (about 1 teaspoon) to the dressing adds a bright, aromatic depth that the juice alone can’t match. It’s the difference between good and “wow, this is actually great.” (Yes, even if you’re impatient like me.)
Pro cooking tips for perfect results
Broccoli Prep Secrets
Blanching broccoli in boiling water for just 2-3 minutes is the trick to keeping it vibrant and crisp. I learned this from my grandmother—she always said, "Never overcook your greens or they’ll turn to mush!"
Immediately shocking the florets in ice water stops the cooking process, preserving that perfect snap. Pro tip: Pat them thoroughly dry with paper towels before mixing with dressing—moisture is the enemy of crunch. 🥦
For extra flavor, add a pinch of salt to the blanching water. This enhances the natural sweetness of the broccoli and helps it hold its shape better.
I also like to sprinkle a tiny bit of baking soda (⅛ teaspoon) in the ice bath—it keeps the florets bright green by maintaining their natural pH. Trust me, your salad will look (and taste) restaurant-quality!
Bean Texture Mastery
White beans are my go-to for this salad, but Great Northern or cannellini from the bulk section at your local market work best—they hold their shape beautifully when chilled. The key is rinsing them thoroughly after draining to remove any starchy residue that can make the salad gummy.
I also like to mash about ¼ of the beans lightly with a fork before mixing—this creates little pockets of creaminess that balance the crunch.
For a smoky twist, I sometimes add ½ teaspoon smoked paprika to the beans while they warm (if using canned beans, heat them briefly in the dressing). This works especially well with kidney beans, which have a meatier texture.
The secret? Don’t overcook them—just warm through for 2-3 minutes in the dressing before combining. 🌾
Dressing Consistency
The magic of this dressing lies in the ratio: ¾ cup Greek yogurt to ⅓ cup olive oil creates that perfect creamy-but-light texture. I always whisk it vigorously for at least 30 seconds—this emulsifies the mixture so it doesn’t separate.
For extra stability, add 1 teaspoon honey to the dressing (trust me, it helps!). The dressing should coat the back of a spoon but still be pourable—like a thick vinaigrette.
If your dressing looks too thick, add 1-2 teaspoons warm water and whisk again. Too thin? Stir in another 1 tablespoon yogurt. The dressing keeps well for 4 days in the fridge—make extra for sandwiches or wraps!
For a tangier version, I sometimes replace half the yogurt with vegan mayo—it adds richness without dairy. 🧀
Crunch Control
Toasted almonds are non-negotiable for texture—raw almonds lack that satisfying crunch. I toast them in a dry skillet over medium heat for exactly 4-5 minutes, stirring constantly. The moment they turn golden and smell nutty, they’re done!
Let them cool completely before chopping—hot almonds release oils that can make the salad greasy. For extra crunch, I sometimes add ¼ cup sunflower seeds—they toast even faster and add a different texture profile.
Fold the almonds in last so they stay crisp. If you’re making this ahead, store them separately and sprinkle on just before serving. Pro move: Toss the almonds with a pinch of salt while they toast—this amplifies their flavor and prevents them from getting soggy.
For a nut-free version, try toasted pumpkin seeds or crispy chickpeas (baked until crunchy). 🥜
Flavor Layering
The red onion is my secret weapon for depth—finely chopping it (¼ cup) and letting it sit for 10 minutes before mixing softens the sharpness and mellows the flavor. Fresh dill is non-negotiable here; dried just won’t cut it.
I like to chop the stems too—they’re packed with flavor! For extra brightness, add 1 teaspoon lemon zest to the dressing. The feta (or vegan alternative) should be crumbled last—this keeps it creamy and prevents it from dissolving into the salad.
Taste as you go! I always adjust seasoning in stages: first the dressing, then the combined salad, and finally before serving. A pinch of black pepper right before eating adds freshness.
For heat lovers, add ½ teaspoon red pepper flakes to the dressing. The key is balance—creamy, crunchy, tangy, and fresh all in one bite. ✨
Nutrition facts
Frequently asked questions
Can I use frozen broccoli instead of fresh?
Yes, but with a few adjustments! Use 12 ounces frozen broccoli florets (about 4 cups when thawed) and skip the blanching step. Instead, microwave them for 2-3 minutes with a splash of water, then drain well and pat completely dry. The texture will be slightly softer than fresh, but it works in a pinch—just add a little extra lemon juice to brighten the flavor.
What's the best way to make this salad vegan?
Swap the Greek yogurt for vegan mayo or coconut yogurt and omit the feta. For extra protein, add ½ cup crumbled vegan feta or nutritional yeast. The dressing will still be creamy, and the salad keeps all its satisfying textures. The lemon and Dijon mustard keep the tangy brightness that makes this salad special.
How do I keep the broccoli from getting soggy?
Pat the blanched broccoli thoroughly dry with paper towels—this is the #1 secret! Store the salad in an airtight container with parchment paper between layers to absorb any moisture. When ready to serve, fold in the almonds and feta last to preserve their crunch. If making ahead, keep the dressing separate until serving.
Can I add other vegetables to this salad? Try adding ½ cup diced bell peppers for sweetness or ¼ cup shredded carrots for extra crunch. Just
Why does my dressing separate?
This happens when the oil and yogurt aren't properly emulsified. Whisk vigorously for 30 seconds and add 1 teaspoon honey or Dijon mustard to stabilize. For extra insurance, blend the dressing ingredients in a blender for 10 seconds before mixing. If it separates later, just whisk again before serving—it's still delicious!