White bean salad with summer vegetables

When summer produce is at its peak, dinner doesn’t need to be complicated to taste spectacular. This White bean salad with summer vegetables combines smoky grilled zucchini and corn with creamy cannellini beans, juicy cherry tomatoes, crunchy celery, briny olives, and a bright lemon-basil dressing.

It’s colorful, filling without feeling heavy, and exactly the kind of recipe I love making when the weather says, “Please don’t turn on the oven.”

In my kitchen, simple ingredients earn their place by bringing something important to the party. Here, zucchini and corn bring smoky sweetness, white beans make the salad satisfying, and that punchy basil dressing ties everything together. Serve it for lunch, bring it to a backyard gathering, or make a batch for an easy summer dinner.

Why You’ll Love This White Bean Salad with Summer Vegetables

  • Fresh & Flavorful: Charred zucchini, sweet corn, tomatoes, lemon, and basil deliver big summer flavor in every bite.
  • Quick & Easy: A little chopping and grilling are the hardest jobs here—no complicated cooking techniques required.
  • Naturally Satisfying: Cannellini beans add a creamy texture and turn fresh vegetables into a more substantial meal.
  • Meal-Prep Friendly: Prepare the components ahead and toss everything together when you’re ready to eat.
  • Easy to Customize: Swap vegetables, change the herbs, or add your favorite extras without throwing the recipe off.
  • Perfect for Entertaining: Those gorgeous colors look right at home at cookouts, picnics, and casual summer dinners.

Ingredients You’ll Need

One of the best things about this salad is its short, practical ingredient list. You’ll need:

  • 2 small zucchinis
  • 1 ear of corn
  • 14 oz (400 g) cannellini beans, drained
  • 7 oz (200 g) cherry tomatoes, quartered
  • 3 celery stalks, finely sliced
  • 12 large pitted green olives, chopped

For the dressing, gather 2 tablespoons fresh lemon juice, the zest of 1 small lemon, 1 finely grated garlic clove, 0.5 oz (15 g) fresh basil leaves, 3 tablespoons olive oil, salt, and black pepper. Keep a little extra olive oil nearby for brushing the vegetables.

Cannellini beans work particularly well because their creamy texture contrasts beautifully with the crunchy celery and grilled vegetables. And please don’t underestimate the olives. Those salty little flavor bombs keep each forkful interesting.

How to Make White Bean Salad with Summer Vegetables

1. Get the griddle hot

Preheat a griddle pan over medium-high to high heat. You want it properly hot before adding the vegetables—that heat creates the smoky char we’re after.

Cut the zucchini diagonally into slices about 0.2 inch (½ cm) thick. Brush the zucchini and whole ear of corn lightly with olive oil.

2. Char the zucchini and corn

Arrange the zucchini slices and corn on your hot griddle.

Here comes the difficult part: leave the zucchini alone.

It’s tempting to poke, flip, and investigate every 12 seconds, but letting the slices cook undisturbed gives them those beautiful dark grill marks. Cook until charred, then turn and cook the other side.

Rotate the corn roughly every 3 minutes so it develops charred spots all around.

That slight smokiness makes an enormous difference. Instead of tasting like a basic bean-and-vegetable salad, you get something that feels much more intentional.

3. Prepare the vegetables

Let the grilled vegetables cool enough to handle.

Cut the zucchini into bite-size pieces. Stand the corn upright on a cutting board and carefully slice downward with a sharp knife to remove the kernels from the cob.

Add the zucchini and corn to a large serving bowl with the drained cannellini beans, quartered cherry tomatoes, finely sliced celery, and chopped green olives.

Already gorgeous, right?

I first fell for salads like this while trying to make summer lunches feel substantial without turning them into an afternoon nap invitation. Beans became my secret weapon: filling, convenient, and happy to soak up whatever flavorful dressing I throw their way.

Make the Lemon-Basil Dressing

Place the grated garlic and lemon juice in a small bowl first. Give them a few minutes together while you prepare the remaining ingredients.

This tiny step matters. The acidity of the lemon juice softens the garlic’s raw, aggressive edge. You still get plenty of garlic flavor without feeling as though you’ve challenged a whole clove to a duel.

Add the basil leaves, olive oil, lemon-garlic mixture, and lemon zest to a mini food processor or chopper. Blitz until the basil is finely chopped and the dressing is vibrant and fragrant. Season with salt and freshly ground black pepper to taste.

No mini chopper? No problem. Finely chop the basil by hand, then whisk everything together in a small bowl.

Pour the dressing over your salad and toss gently until the beans and vegetables are evenly coated.

Chef Omar’s Tips for the Best Results

  • Dry the beans well. After draining and rinsing the cannellini beans, let excess water drain away. Watery beans can dilute that lovely lemon-basil dressing.
  • Don’t overcrowd your pan. If your griddle is small, cook the zucchini in batches. Crowding traps moisture, and instead of smoky zucchini, you may end up steaming it. Delicious? Maybe. The goal? Not today.
  • Taste after tossing. Beans can absorb quite a bit of seasoning. Once the dressing is mixed through, taste the salad and add another pinch of salt, pepper, or squeeze of lemon if needed.
  • Keep some texture. Don’t chop everything into tiny pieces. The mix of creamy beans, juicy tomatoes, crunchy celery, and tender grilled zucchini is part of what makes this salad so satisfying.
  • Let it sit briefly. If you have 10–15 minutes before serving, give the dressed salad a little time to mingle. The beans absorb the lemon, basil, garlic, and olive oil beautifully.
White bean salad with summer vegetables, grilled zucchini, corn, cherry tomatoes, cannellini beans, and fresh herbs.
White bean salad with summer vegetables featuring charred zucchini, sweet corn, juicy tomatoes, creamy cannellini beans, and fresh herbs.

FAQs About White bean salad with summer vegetables

Can I use canned corn instead of fresh corn?

Yes, although fresh corn gives you the best charred flavor. Drain canned corn very well, then quickly sauté or char it in a hot skillet before adding it to the salad.

Can I substitute another type of white bean?

Absolutely. Great northern beans or navy beans can work if cannellini beans aren’t available. Cannellini beans are especially nice here because they’re larger and pleasantly creamy.

How long does white bean salad keep in the fridge?

Store leftovers in an airtight container in the refrigerator for about 3 days. The vegetables will gradually soften, but the flavor remains delicious.

Can I make it ahead?

Yes. You can grill the zucchini and corn and prepare the dressing ahead of time. For the freshest texture, combine everything closer to serving.

Do I have to grill the vegetables?

No. A regular skillet works if you don’t own a griddle pan. Use a hot skillet and let the vegetables develop plenty of color before turning them.

Can I serve this salad cold?

Definitely. It’s delicious slightly warm, at room temperature, or chilled, making it especially convenient for summer lunches and gatherings.

Bring a Little Summer to the Table

Great cooking doesn’t always mean spending hours in the kitchen. Sometimes it’s about taking a handful of fresh ingredients and giving each one a chance to shine.

That’s exactly what this White bean salad with summer vegetables does. Smoky zucchini and corn meet creamy beans, crisp celery, sweet tomatoes, salty olives, and a lemon-basil dressing that tastes like summer in a bowl.

Grab your biggest salad bowl, get that griddle sizzling, and enjoy. And if a few charred corn kernels mysteriously disappear before reaching the bowl? Chef’s privilege.

More Fresh Recipes You’ll Love

If this White bean salad with summer vegetables earned a spot in your summer rotation, keep those bright, veggie-packed flavors going with a few more easy favorites from Pulse Recipes.

  • Craving another cool and creamy bean dish? Try this Dilly White Bean Cucumber Salad for a crisp, refreshing lunch or side dish.
  • If sweet corn is your favorite part of summer, this colorful Avocado and Corn Summer Salad is another fresh option for cookouts and easy dinners.
  • For more Mediterranean-inspired bean goodness, add this Easy Fresh Mediterranean Bean Salad to your meal-prep lineup.
  • Got extra zucchini waiting in the fridge? These Parmesan Zucchini Fries turn it into a crispy, savory side everyone will want to grab straight from the pan.

Made this recipe? Leave a review and tap the stars ⭐⭐⭐⭐⭐ to share how your White bean salad with summer vegetables turned out! Your rating helps other home cooks discover the recipe, too.

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
White bean salad with summer vegetables, grilled zucchini, corn, cherry tomatoes, cannellini beans, basil, and toasted bread.

White bean salad with summer vegetables


  • Author: Omar
  • Total Time: 30 minutes
  • Yield: 4 servings 1x
  • Diet: Vegan

Description

This White Bean Salad with Summer Vegetables combines creamy cannellini beans with charred zucchini, sweet corn, juicy cherry tomatoes, crisp celery, and green olives. A fresh lemon-basil dressing brings everything together for an easy, colorful summer lunch, side dish, or light dinner.


Ingredients

Scale

For the Salad

  • 2 small zucchinis
  • 1 ear fresh corn
  • 14 oz (400 g) cannellini beans, drained and rinsed
  • 7 oz (200 g) cherry tomatoes, quartered
  • 3 celery stalks, finely sliced
  • 12 large pitted green olives, chopped
  • Olive oil, for brushing

For the Lemon-Basil Dressing

  • 2 tbsp (30 ml) fresh lemon juice
  • Zest of 1 small lemon
  • 1 garlic clove, finely grated
  • 0.5 oz (15 g) fresh basil leaves
  • 3 tbsp (45 ml) olive oil
  • Salt, to taste
  • Freshly ground black pepper, to taste


Instructions

  1. Preheat a griddle pan over medium-high heat.
  2. Cut the zucchini diagonally into slices about ¼-inch thick. Lightly brush the zucchini slices and corn with olive oil.
  3. Place the zucchini and corn on the hot griddle. Cook the zucchini undisturbed until nicely charred, then turn and cook the other side. Rotate the corn about every 3 minutes until charred on all sides.
  4. Remove the vegetables from the heat and allow them to cool slightly. Cut the zucchini into bite-size pieces and carefully slice the corn kernels from the cob.
  5. Add the zucchini, corn, drained cannellini beans, cherry tomatoes, celery, and green olives to a large bowl.
  6. For the dressing, combine the grated garlic and lemon juice in a small bowl. Let it rest for a few minutes to mellow the raw garlic.
  7. Add the garlic-lemon mixture, basil, lemon zest, and 3 tablespoons olive oil to a mini food processor. Blend until well combined. Season with salt and black pepper. Alternatively, finely chop the basil and whisk all the dressing ingredients together by hand.
  8. Pour the lemon-basil dressing over the salad and gently toss until everything is evenly coated.
  9. Taste and adjust the salt, pepper, or lemon juice as needed. Serve slightly warm, at room temperature, or chilled.

Notes

  • Drain the cannellini beans thoroughly so excess liquid doesn’t water down the dressing.
  • Let the griddle get properly hot before adding the vegetables for better caramelization and char marks.
  • Avoid overcrowding the pan. Grill the zucchini in batches if necessary.
  • The salad can be prepared ahead, but for the freshest texture, add the dressing closer to serving.
  • Store leftovers in an airtight container in the refrigerator for up to 3 days.
  • Great northern beans can replace cannellini beans if needed.
  • For a heartier variation, add feta cheese or serve with grilled chicken, shrimp, or fish.
  • Prep Time: 15 minutes
  • Cook Time: 15 minutes
  • Category: Salad
  • Method: Grilling / Griddle
  • Cuisine: Mediterranean-inspired

Nutrition

  • Serving Size: 1/4 of recipe
  • Calories: ~330 kcal
  • Sugar: ~6 g
  • Sodium: ~500 mg
  • Fat: ~16 g
  • Saturated Fat: ~2 g
  • Unsaturated Fat: ~13 g
  • Trans Fat: 0 g
  • Carbohydrates: ~39 g
  • Fiber: ~10 g
  • Protein: ~11 g
  • Cholesterol: 0 mg