Salads
This broccoli and bean salad recipe transforms simple ingredients into a vibrant, protein-packed dish that stands up as a main or side. The secret lies in perfectly crisp florets and tender beans, tossed with a bright lemon-herb dressing that keeps everything fresh.
I developed this after realizing how often fresh salads get soggy—this version stays crisp for hours, even the next day.
The beauty of this salad is its versatility. You can build it with canned or dried beans, add chickpeas for extra protein, or keep it vegetarian with feta or tofu. The dressing—simple olive oil, lemon juice, and fresh herbs—enhances the natural flavors without overpowering them.
It’s the kind of dish that tastes better as it sits, as the flavors meld together.
What you’ll end up with is a salad that’s colorful, satisfying, and packed with texture—crisp beans, tender broccoli, and a dressing that clings perfectly. It’s light enough for a summer meal but hearty enough to fill you up.
The best part? It comes together in just 20 minutes, making it ideal for weeknight dinners or meal prep.
Serve it alongside grilled chicken, fish, or on its own with crusty bread. The possibilities are endless, but the method is foolproof—no soggy salads here. Let’s get started!
Ingredients for broccoli and bean salad
Simple ingredients that stay crisp and pack serious flavor—no soggy salads here.
| Ingredient | Amount | Notes |
|---|---|---|
| Fresh Broccoli Florets 🥦 | 6 cups | Cut into bite-sized pieces |
| Canned Cannellini Beans 🌱 | 1 ½ cups | Drained and rinsed, or dried |
| Red Bell Pepper 🍆 | 1 whole | Diced, seeds removed |
| Red Onion 🧅 | ½ whole | Thinly sliced |
| Extra-Virgin Olive Oil 🫒 | ½ cup | For dressing and tossing |
| Fresh Lemon Juice 🍋 | 3 tbsp | Freshly squeezed |
| Fresh Parsley 🌿 | ¼ cup | Chopped, stems removed |
| Fresh Dill 🌿 | ¼ cup | Chopped, stems removed |
| Garlic Cloves 🧄 | 3 cloves | Minced |
| Vegetable Broth 💧 | ¼ cup | Low-sodium preferred |
| Salt 🧂 | 1 tsp | Kosher or sea salt |
| Black Pepper 🌶️ | ½ tsp | Freshly ground |
| Feta Cheese 🧀 | ½ cup | Crumbled, optional |
| Toasted Almonds 🥜 | ¼ cup | Sliced, for crunch |
Broccoli is the star, so grab the freshest you can find—look for vibrant green florets with tight buds. The Trader Joe's or Whole Foods sections usually have the best quality, but any grocery store works. For beans, canned is easiest, but dried (soaked overnight) gives extra texture. The red bell pepper adds sweetness—pick a firm one, not mushy. I always buy extra herbs because they make this salad sing—fresh parsley and dill keep everything bright. If you're short on time, dried herbs work at half the amount, but fresh is worth it.
No feta? Skip it or use vegan feta—this salad still shines. Dried beans instead of canned? Soak them overnight and rinse well. The dressing can be made ahead, but toss the veggies last-minute to keep them crisp. For extra protein, add chickpeas or swap half the beans for edamame. The almonds? Toast them in a dry pan for 3-4 minutes—they add crunch without overpowering. If you hate almonds, try sunflower seeds or walnuts instead. The dressing keeps for 3 days in the fridge, but the salad itself is best eaten fresh.
Store the dressing separately in a jar for up to 5 days. The broccoli and beans stay crisp for 2 days in the fridge if you keep them dry—toss them with a paper towel before storing. For meal prep, portion the dressing and veggies in separate containers. This salad is even better the next day—flavors meld beautifully. Freeze the dressing alone for up to 3 months if you want to prep ahead.
Why You'll Love This Recipe
- No Chopping Required: I swear by this one—just trim the broccoli florets, drain those cannellini beans, and slice the bell pepper while watching a show. The onion? Toss it in raw, no dice needed, and let the acidity mellow it out.
- Creamy Without Mayo: That olive oil gets worked—tossed with lemon, garlic, and a pinch of salt until the beans and broccoli practically soak up the richness. Honestly, the texture is addictive: tender beans with that crisp-tender broccoli bite.
- Lunchbox Hero: Between us, this salad holds up for days. Pack it for work, toss it in wraps, or serve it cold at a picnic—no one will guess it’s not a restaurant dish. (My kids still ask for it in their school lunches.)
- Budget Magic: Cannellini beans and bell peppers stretch a meal into a feast. I’ve fed four people for under $8 with this, and the leftovers? Even better the next day. No waste, all flavor.
Step-by-step instructions for broccoli and bean salad
Here's how to make a vibrant, protein-packed salad with crisp broccoli and tender beans.
Blanch the Broccoli for Crisp-Tender Florets
Bring a large pot of water to a rolling boil. Add the 6 cups fresh broccoli florets and cook for exactly 2 minutes. You'll know they're done when the edges turn bright green and they're tender but still hold their shape—don't overcook or they'll turn mushy. Immediately drain in a colander and plunge into ice water to stop the cooking process. This keeps them crisp and vibrant.
Once cooled, drain well and transfer to a large mixing bowl. The broccoli should be bright green and still snappy to the bite. If you notice any florets that feel soft, they need a little more time in the ice bath. This blanching step is crucial for that perfect texture that holds up well in salads.
Prepare the Vegetable Base
In a medium bowl, combine the 1.5 cups drained cannellini beans, 1 diced red bell pepper, and 0.5 thinly sliced red onion. Give everything a gentle toss with your hands to distribute the ingredients evenly. The beans should be cool to the touch—if they're still warm, let them sit at room temperature for 5 minutes before mixing.
Here's the thing—don't skip rinsing the cannellini beans if you're using canned ones. Even though they're drained, they can sometimes taste a bit tinny. A quick rinse under cold water removes any metallic taste while keeping them tender. This step ensures your salad has clean, bright flavors without any off-putting metallic notes.
Create the Herb and Garlic Dressing
In a small bowl, whisk together the 0.5 cup extra-virgin olive oil, 3 tbsp fresh lemon juice, 3 minced garlic cloves, 0.25 cup chopped parsley, 0.25 cup chopped dill, 0.25 cup vegetable broth, 1 tsp salt, and 0.5 tsp black pepper. This dressing is the heart of your salad—it's where all the flavors come together. Taste it now and adjust the lemon or salt if needed; the dressing should be bright and tangy with just a hint of garlic.
I like to let the dressing sit for 5 minutes before using it. This gives the garlic and herbs time to infuse the oil, creating a more flavorful base. The lemon juice will mellow slightly, which helps balance the flavors perfectly when combined with the other ingredients. This waiting period makes a noticeable difference in the final salad.
Combine All Ingredients
Add the vegetable base to the blanched broccoli in the mixing bowl. Pour the dressing over everything and toss gently but thoroughly with your hands or a large spoon. You want to coat every piece of broccoli and bean evenly with the dressing. This is where the salad comes together—distribute the feta cheese and toasted almonds evenly throughout as you toss.
Let the salad sit for 10 minutes before serving. This resting time allows the flavors to meld together beautifully. The broccoli will absorb some of the dressing, becoming even more flavorful, and the beans will soften slightly, making them more tender. If you're serving this as a main dish, you might want to add a slice of crusty bread on the side.
Serve Immediately for Best Texture
Gently toss the salad one final time before serving to redistribute all the ingredients. The broccoli should still be crisp, the beans tender, and the dressing evenly distributed. Sprinkle with additional feta cheese and toasted almonds if desired, and serve immediately while everything is at its best texture and temperature.
This salad keeps well in the refrigerator for up to 2 days, but I recommend eating it fresh. The broccoli loses some of its crispness over time, so serving it immediately ensures that perfect crunch with every bite. Pair it with grilled chicken or fish for a complete meal, or enjoy it as a light, refreshing side dish.
Pro Tips For Making Broccoli And Bean Salad
- SHOCK BROCCOLI FIRST: Dump raw florets into boiling water for 30 seconds—not minutes—then plunge into ice water. This keeps them bright green and crisp, not sad and limp. I used to skip this and got mushy broccoli every time.
- DRAIN AND RINSE BEANS: Cannellini beans? Drain them, then rinse under cold water. The starchy water left in the can makes the salad gummy if you don’t. I learned this after a salad that tasted like glue.
- SWEAT ONIONS LOW: Cook red onion in olive oil on low heat for 8-10 minutes until translucent, not browned. High heat burns them bitter—trust me, I’ve made that mistake. A splash of water at the end helps soften them further.
- TOSS WITH ACID LAST: Wait until right before serving to add lemon juice or vinegar. The acid breaks down the broccoli’s texture over time, turning it mushy. Add it just as you’re plating—your salad will stay crisp longer.
Health benefits of broccoli and bean salad
Fiber Powerhouse
This salad packs a serious fiber punch—6 cups of broccoli deliver 12 grams of fiber per serving, while 1.5 cups of cannellini beans add another 10 grams. That’s 22 grams of fiber total, which is 80% of your daily recommended intake!
Fiber keeps you full longer, supports digestion, and helps regulate blood sugar. I've found that the beans' gentle texture makes the fiber more digestible than you'd expect—no bloating here! 🌱
Plant-Based Protein
The cannellini beans provide 15 grams of plant-based protein per serving, making this a complete meal on its own. If you add ½ cup of feta cheese, you'll get an extra 7 grams of protein, perfect for vegetarians or anyone looking to reduce meat consumption.
I often serve this salad as a main dish with a slice of whole-grain bread—it’s hearty enough to satisfy without feeling heavy. The protein keeps you energized for hours, unlike those sad, wilted salads that leave you hungry again in 30 minutes. 💪
Vitamin C Boost
Both broccoli and red bell peppers are packed with vitamin C, with 6 cups of broccoli providing 120% of your daily needs and 1 red bell pepper adding another 150%. This vitamin supports your immune system, skin health, and iron absorption.
I always buy the freshest produce I can find—Trader Joe’s or Whole Foods sections have the brightest colors, which usually means the highest nutrient content. The lemon juice in the dressing also adds extra vitamin C, making this salad a true immune-boosting powerhouse. ✨
Antioxidant-Rich
The red bell pepper and parsley in this salad are loaded with antioxidants like vitamin A, vitamin C, and flavonoids that help fight inflammation and protect your cells. Broccoli contains sulforaphane, a compound with cancer-fighting properties.
I like to think of this salad as a tiny health insurance policy—every bite is packed with compounds that work behind the scenes to keep your body running smoothly. The almonds add vitamin E, another antioxidant that supports skin health. 💛
Low-Calorie, High-Nutrient
Despite being packed with nutrients, this salad is surprisingly light—around 350 calories per serving without the feta. The dressing is light but flavorful, and the beans add satisfying texture without excessive calories. I love that you can eat a big bowl without feeling guilty.
The combination of fiber, protein, and healthy fats keeps you full while providing essential nutrients. It’s the kind of meal my grandmother would make—simple, wholesome, and packed with goodness. 🥗
Digestive Health
The fiber in broccoli and beans feeds your gut microbiome, promoting healthy digestion and reducing bloating. The vegetable broth in the dressing adds extra electrolytes, which help maintain proper hydration. I’ve noticed that eating this salad regularly makes me feel lighter and more energized—no sluggishness here.
The probiotics in fermented foods like sauerkraut (which you could add as a topping) would take this to the next level for gut health. 💡
Nutrition facts
Frequently asked questions
Can I use frozen broccoli instead of fresh?
Frozen broccoli works in a pinch, but fresh is ideal for that perfect crunch. If using frozen, thaw it completely first, then drain and pat dry thoroughly. Skip the blanching step—just rinse with cold water to remove excess starch. The texture won't be quite as crisp, but it'll still taste great. For best results, choose high-quality frozen florets without ice crystals.
How do I make this salad ahead of time?
Store the dressing separately in a jar for up to 5 days in the fridge. Keep the broccoli and beans dry in the fridge (toss with a paper towel first) for 2 days. When ready to serve, combine everything and toss with the dressing. The flavors actually improve overnight—the broccoli softens slightly while the beans absorb more dressing. For meal prep, portion the salad into containers with the dressing on the side.
What can I substitute for cannellini beans?
Great alternatives include chickpeas (for extra protein), black beans (for a richer flavor), or edamame (for a lighter texture). If you want something different, try white beans or lentils. For dried beans, soak them overnight and rinse well before using. The key is to keep the beans tender but not mushy—they should hold their shape when tossed with the salad. Adjust the dressing amount slightly if using smaller beans like lentils.
Why did my broccoli turn mushy? Overcooking is the most common cause—broccoli should only blanch for 2 minutes max. If your florets feel soft, you likely left them in the boiling water too long. Also,
Can I make this salad without dressing?
The fresh herbs and lemon juice in the dressing are what make this salad shine, but you can enjoy it without. Try a simple olive oil and lemon juice drizzle or a sprinkle of salt and pepper. The beans and broccoli have great flavor on their own—just
