← All recipes

Charred Scallion Ranch Bean Salad

Be the first to rate!·Easy·35 min total
By· Updated April 30, 2026
Charred Scallion Ranch Bean Salad

A refreshing and hearty bean salad with a twist. Charred scallions add a smoky depth to a creamy, homemade vegan ranch dressing. Packed with cannellini beans, chickpeas, crunchy cucumbers, and tangy pepperoncini, it's a perfect side dish or light main course.

This easy bean salad, vegan recipe comes together in about 35 minutes and serves 4. It's perfect for spring, summer cooking, weeknight dinners, meal prep, and anyone exploring a more plant-forward kitchen. If you love this style of cooking, you'll also want to try our fresh cucumber and beetroot salad next.

Prep

15 min

Cook

5 min

Servings

4

Difficulty

Easy

340 kcal / serving
Best in Spring, Summer

Advertisement

Ingredients you'll need

Here's everything that goes into this charred scallion ranch bean salad. Scroll down to the recipe card for exact measurements and a printable version.

  • 2 tbsp unsweetened plain plant-based milk (e.g., soy or almond)
  • 1 tsp white wine vinegar
  • 2 large scallions, root ends removed
  • 1 clove garlic, grated
  • 1/2 large lemon, juiced
  • 1/3 cup plain unsweetened plant-based yogurt
  • 3 tbsp vegan mayonnaise
  • 1 tbsp nutritional yeast
  • 1/2 tsp garlic powder
  • 1/4 tsp onion powder
  • 1-2 tbsp finely minced fresh dill
  • 1 tbsp finely minced fresh chives
  • 1/4 tsp kosher salt, plus more to taste
  • 1/2 small red onion, thinly sliced
  • 1/2 large lemon, juiced
  • 3 Persian cucumbers
  • 1 (15-ounce) can cannellini beans, drained and rinsed
  • 1 (15-ounce) can chickpeas, drained and rinsed
  • 1/3 cup sliced pepperoncini
  • 1/3 cup marinated artichoke hearts, roughly chopped
  • 1 jalapeño, thinly sliced (optional)
  • 1 medium ripe avocado, cubed
  • Toasted bread or crackers, for serving

How to make it

Follow these step-by-step instructions. Each step is written so you know exactly what to look, smell, and taste for.

  1. 1

    First, make the buttermilk base. In a small bowl or blender cup, combine the plant-based milk and white wine vinegar. Let it sit for at least 5 minutes to curdle slightly.

  2. 2

    Heat a dry, heavy-bottomed skillet or cast iron pan over medium-high heat. Once hot, place the whole scallions in the pan and cook for 2-3 minutes per side, until they are nicely charred and softened. Transfer to a cutting board to cool, then roughly chop.

  3. 3

    To the blender cup with the milk mixture, add the plant-based yogurt, vegan mayonnaise, juice of half a lemon, grated garlic, nutritional yeast, garlic powder, onion powder, chopped charred scallions, and 1/4 tsp kosher salt. Blend until completely smooth and creamy.

  4. 4

    Add the minced dill and chives to the blender and pulse 2-3 times just to combine. Avoid over-blending. Taste and adjust seasoning with more salt if needed. Transfer the dressing to a jar and place it in the fridge to chill while you prepare the salad.

  5. 5

    In a large mixing bowl, combine the thinly sliced red onion with the juice of the other half of the lemon and a pinch of salt. Toss to combine and set aside to lightly pickle.

  6. 6

    Place the Persian cucumbers on a cutting board. Use the flat side of your chef's knife to gently smash them down their length until they start to split and crack open. Roughly cut the smashed cucumbers on a bias into 1-inch pieces. Transfer them to a separate bowl, sprinkle with a generous pinch of salt, toss, and set aside for at least 10 minutes. After 10 minutes, discard any water that has accumulated in the bottom of the bowl.

  7. 7

    To the large bowl with the pickled red onions, add the drained and rinsed cannellini beans and chickpeas, the smashed cucumbers, sliced pepperoncini, chopped artichoke hearts, and sliced jalapeño (if using).

  8. 8

    Pour about three-quarters of the chilled ranch dressing over the salad and toss everything together to combine thoroughly. You can add more dressing if you prefer a creamier salad.

  9. 9

    Just before serving, gently fold in the cubed avocado. This prevents it from getting mushy. Serve the bean salad immediately with slices of toasted bread or crackers on the side.

Advertisement

Charred Scallion Ranch Bean Salad

Charred Scallion Ranch Bean Salad

Prep 15m Cook 5m Total 35m 4 servings
EasyVeganbean saladvegan
5.0 from 1 reviews
Save

A refreshing and hearty bean salad with a twist. Charred scallions add a smoky depth to a creamy, homemade vegan ranch dressing. Packed with cannellini beans, chickpeas, crunchy cucumbers, and tangy pepperoncini, it's a perfect side dish or light main course.

Ingredients

  • 2 tbsp unsweetened plain plant-based milk (e.g., soy or almond)
  • 1 tsp white wine vinegar
  • 2 large scallions, root ends removed
  • 1 clove garlic, grated
  • 1/2 large lemon, juiced
  • 1/3 cup plain unsweetened plant-based yogurt
  • 3 tbsp vegan mayonnaise
  • 1 tbsp nutritional yeast
  • 1/2 tsp garlic powder
  • 1/4 tsp onion powder
  • 1-2 tbsp finely minced fresh dill
  • 1 tbsp finely minced fresh chives
  • 1/4 tsp kosher salt, plus more to taste
  • 1/2 small red onion, thinly sliced
  • 1/2 large lemon, juiced
  • 3 Persian cucumbers
  • 1 (15-ounce) can cannellini beans, drained and rinsed
  • 1 (15-ounce) can chickpeas, drained and rinsed
  • 1/3 cup sliced pepperoncini
  • 1/3 cup marinated artichoke hearts, roughly chopped
  • 1 jalapeño, thinly sliced (optional)
  • 1 medium ripe avocado, cubed
  • Toasted bread or crackers, for serving

Instructions

  1. 1

    First, make the buttermilk base. In a small bowl or blender cup, combine the plant-based milk and white wine vinegar. Let it sit for at least 5 minutes to curdle slightly.

  2. 2

    Heat a dry, heavy-bottomed skillet or cast iron pan over medium-high heat. Once hot, place the whole scallions in the pan and cook for 2-3 minutes per side, until they are nicely charred and softened. Transfer to a cutting board to cool, then roughly chop.

  3. 3

    To the blender cup with the milk mixture, add the plant-based yogurt, vegan mayonnaise, juice of half a lemon, grated garlic, nutritional yeast, garlic powder, onion powder, chopped charred scallions, and 1/4 tsp kosher salt. Blend until completely smooth and creamy.

  4. 4

    Add the minced dill and chives to the blender and pulse 2-3 times just to combine. Avoid over-blending. Taste and adjust seasoning with more salt if needed. Transfer the dressing to a jar and place it in the fridge to chill while you prepare the salad.

  5. 5

    In a large mixing bowl, combine the thinly sliced red onion with the juice of the other half of the lemon and a pinch of salt. Toss to combine and set aside to lightly pickle.

  6. 6

    Place the Persian cucumbers on a cutting board. Use the flat side of your chef's knife to gently smash them down their length until they start to split and crack open. Roughly cut the smashed cucumbers on a bias into 1-inch pieces. Transfer them to a separate bowl, sprinkle with a generous pinch of salt, toss, and set aside for at least 10 minutes. After 10 minutes, discard any water that has accumulated in the bottom of the bowl.

  7. 7

    To the large bowl with the pickled red onions, add the drained and rinsed cannellini beans and chickpeas, the smashed cucumbers, sliced pepperoncini, chopped artichoke hearts, and sliced jalapeño (if using).

  8. 8

    Pour about three-quarters of the chilled ranch dressing over the salad and toss everything together to combine thoroughly. You can add more dressing if you prefer a creamier salad.

  9. 9

    Just before serving, gently fold in the cubed avocado. This prevents it from getting mushy. Serve the bean salad immediately with slices of toasted bread or crackers on the side.

Recipe Notes

The ranch dressing can be made up to 3 days in advance and stored in an airtight container in the refrigerator. The flavor will actually deepen overnight! If you don't have a blender, you can finely mince the charred scallions and garlic and whisk all dressing ingredients together in a bowl until smooth.

Nutrition Information

Per serving (estimated)

Calories
340 kcal
Fat
15g
Carbs
33g
Protein
12g
Fiber
11g
Sugar
4g
Sodium
450mg

Frequently asked questions

Can I use different beans?+

Yes, absolutely! This salad is great with kidney beans, pinto beans, or black beans. A combination would also be delicious.

How long does this salad last?+

It's best enjoyed the day it's made, especially after the avocado is added. If you want to make it ahead, prepare the salad base and dressing separately and combine them just before serving. Without the avocado, the mixed salad will keep in the refrigerator for up to 2 days.

Is there a substitute for vegan mayonnaise?+

For a lighter dressing, you can replace the vegan mayonnaise with an equal amount of extra plant-based yogurt or even soaked and blended cashews for a whole-food option.

Can I make this Charred Scallion Ranch Bean Salad ahead of time?+

Yes. You can prep most components a day or two in advance and store them in airtight containers in the fridge. For best texture, assemble or warm just before serving — most elements keep well for 3–4 days refrigerated.

How should I store leftovers?+

Cool leftovers to room temperature, then transfer to an airtight container and refrigerate for up to 4 days. Reheat gently in a pan or microwave, adding a splash of water or plant milk if it has dried out a little.

Can I freeze Charred Scallion Ranch Bean Salad?+

Most components freeze well for up to 2 months in a sealed freezer-safe container. Thaw overnight in the fridge and reheat slowly. Avoid freezing fresh herbs, leafy greens, and creamy dairy-free sauces — add those fresh after thawing.

Advertisement

Leave a Comment

Your email address will not be published. Required fields are marked *

Cooked this? Rate this recipe!
(sign in to rate)

Comments (0)

Be the first to comment!