Vibrant Roasted Beet Sweet Potato Avocado Salad Recipe

Female baker stands behind a professional kitchen surface in a bakery with prepared dough for baking and looks at the camera

By: Lalybeth

August 10, 2026

Everyday Culinary Delights👩‍🍳

Vibrant Roasted Beet Sweet Potato Avocado Salad Recipe

Vibrant Roasted Beet Sweet Potato Avocado Salad with a Secret Maple-Dijon Twist

⚖️
Difficulty
Easy
⏲️
Prep Time
15 mins
🕒
Cook Time
30 mins
⏱️
Total Time
45 mins
🍽️
Servings
4 servings

Walking through the Union Square Greenmarket on a crisp fall morning, I spotted the most stunning deep red beets and jewel-toned sweet potatoes. That moment took me right back to my mother’s kitchen in Morocco, where roasted vegetables were never just a side—they were the star. Today I’m sharing my roasted beet sweet potato avocado salad, a dish that marries that earthy North African love for root vegetables with a little French finesse I picked up in Paris. The secret? A whisper of maple syrup in the lemon-Dijon dressing that rounds out every bite like a gentle hug. This isn’t just a healthy roasted vegetable salad; it’s a celebration on a plate, and it’s about to become your go-to for everything from quick lunches to dinner parties.

Imagine cubes of candy-sweet roasted sweet potato and tender, slightly caramelized beets tumbling over a bed of peppery baby arugula. Creamy slices of avocado add that buttery richness, while salty crumbles of feta and crunchy toasted pepitas bring a savory, nutty dimension. The dressing is where the magic happens: extra-virgin olive oil, bright lemon juice, tangy Dijon mustard, and just a touch of maple syrup. It’s not sweet—just beautifully balanced, clinging to every leaf and crevice. This beet sweet potato avocado salad has an incredible visual pop too; the vivid magenta, orange, and green remind me of a painter’s palette. I promise, one forkful transports you from your busy day straight to a sun-drenched terrace overlooking the Atlas Mountains.

Over the years, I’ve perfected this sweet potato avocado salad to be foolproof yet flexible. My culinary school training taught me that roasting root vegetables at precisely 400°F yields that ideal tender interior with crispy edges—no mushiness here. But the real trick? Roasting the beets and sweet potatoes on separate baking sheets to keep the colors from bleeding, and adding the avocado fresh right before serving. I’ll walk you through every step, share my best make-ahead hacks for busy days, and even warn you about the one mistake most home cooks make when assembling roasted vegetable salads. By the end, you’ll feel like you’ve just taken a mini cooking class with me. Let’s get roasting!

Why This Roasted Beet Sweet Potato Avocado Salad Recipe Is the Best

The flavor secret lies in the maple-Dijon dressing—a little nod to my Paris training where we learned that a whisper of sweetness elevates earthy root vegetables. Unlike many roasted beet salads that rely solely on balsamic, this dressing brightens without overpowering, letting the caramelized beet sweetness and creamy avocado shine. The maple syrup (just a teaspoon!) deepens the natural sugars, making every bite taste more nuanced and restaurant-worthy.

For texture, I use two separate pans to roast: beets go on one, sweet potatoes on another. This small step—something I picked up from a grumpy line cook in a Montmartre bistro—prevents the red beast from tinting your orange gems and ensures both get evenly browned, not steamed. The result? Sweet potato cubes with crisp edges and fudgy centers, beets that are tender but still have a slight bite, and a salad that looks as beautiful as it tastes.

Most importantly, this roasted beet salad is truly foolproof and fast. With just 15 minutes of active prep and a straightforward roast, it’s perfect for weeknight meals or make-ahead lunches. I’ve tested every swap (gluten-free? dairy-free? protein-packed?) so you can customize without losing that vibrant, well-balanced spirit. Once you try it, I bet you’ll be reaching for this recipe again and again.

Roasted Beet Sweet Potato Avocado Salad Ingredients

Every ingredient here plays a specific role, and I’ve sourced them exactly the way I do for my own NYC kitchen—organic when possible, from local farmers’ markets or my trusted corner grocery. The combination reminds me of the colorful produce stalls in Marrakech, but translated to a modern American salad.

Ingredients List

For the salad:

  • 2 medium red beets, peeled and cut into 1/2-inch cubes
  • 1 large sweet potato, peeled and cut into 1/2-inch cubes
  • 1 tablespoon olive oil
  • 1/2 teaspoon kosher salt
  • 1/4 teaspoon black pepper
  • 5 ounces baby arugula
  • 1 ripe avocado, thinly sliced
  • 1/3 cup crumbled feta cheese
  • 1/4 cup pepitas, toasted

For the lemon-Dijon dressing:

  • 1/4 cup extra-virgin olive oil
  • 2 tablespoons fresh lemon juice
  • 1 tablespoon Dijon mustard
  • 1 teaspoon maple syrup
  • 1/4 teaspoon kosher salt
  • Freshly ground black pepper, to taste

Ingredient Spotlight

Red beets: These earthy gems are the heart of the salad. Choose firm, medium beets with smooth skin at any US grocery store; avoid any with soft spots. If you’re short on time, vacuum-packed cooked beets work well (just pat them dry), though roasting fresh deepens the flavor beautifully. For a golden/yellow beet substitute, you’ll get a milder, less earthy taste but lose that vivid magenta.

Sweet potato: I call for a classic orange-fleshed variety for that natural sweetness and soft texture. Look for one with taut skin and no cracks. In a pinch, butternut squash cubes can replace them; they’ll be slightly firmer and less sweet, so you might add a touch more maple syrup to the dressing. Spiralized sweet potato “noodles” also roast quickly in about 15 minutes.

Dijon mustard & maple syrup: Together they emulsify the dressing and add a gentle kick plus a subtle back-note sweetness. Whole-grain mustard works for texture; agave can stand in for maple syrup, but authentic Grade A dark maple gives the most depth. Don’t skip the maple—it’s the unexpected twist that makes this roasted beet salad unforgettable.

Original IngredientBest SubstitutionFlavor / Texture Impact
Red beetsGolden beets or pre-cooked vacuum-packed beetsMilder sweetness, less color bleed; cooked beets save time but lack roasted depth
Sweet potatoButternut squash or carrot cubesSlightly firmer, less sugary; carrots add a bright note
Feta cheeseGoat cheese or dairy-free almond fetaTangier, creamier; dairy-free option changes mouthfeel but keeps saltiness
Maple syrupHoney or agave nectarHoney offers floral notes; agave is slightly thinner but works in a pinch
PepitasSunflower seeds or slivered almondsSimilar crunch; almonds add a nuttier flavor

How to Make Roasted Beet Sweet Potato Avocado Salad — Step-by-Step

I promise this comes together easily, even on a busy weekday. Take it step by step, and you’ll have a stunning, nourishing meal in under an hour.

Step 1: Preheat and Prep Your Pans

Preheat your oven to 400°F. Line two separate baking sheets with parchment paper—one for beets, one for sweet potatoes. This prevents the beets from bleeding their magenta color onto the orange sweet potato cubes, a trick I learned during my Paris apprenticeship.

💡 Lalybeth’s Pro Tip: If you only have one large baking sheet, use a piece of aluminum foil down the middle to create a divider, or roast the beets first for 10 minutes, then add the sweet potato pan to the oven. This ensures both veggies finish tender without color exchange.

Step 2: Season and Roast the Vegetables

Place the cubed beets on one prepared sheet and the sweet potatoes on the other. Drizzle each with half of the olive oil, and sprinkle with half the salt and pepper. Toss each separately to coat, then spread into an even single layer, giving the cubes a little breathing room. Roast for 25–30 minutes, stirring once halfway through, until both are fork-tender and the edges are lightly browned. The sweet potatoes might finish a few minutes earlier; they should be easily pierced with a fork but not falling apart. Let cool for 10 minutes on the pans.

⚠️ Common Mistake to Avoid: Overcrowding the pans steams the vegetables instead of roasting them. If cubes are too close, they’ll turn soft and pale instead of caramelized and crispy-edged. Use two pans or a very large baking sheet.

Step 3: Whisk Up the Maple-Dijon Dressing

While the vegetables roast, combine the extra-virgin olive oil, fresh lemon juice, Dijon mustard, maple syrup, salt, and a few grinds of black pepper in a small bowl or a mason jar. Whisk or seal and shake vigorously until the mixture emulsifies into a smooth, glossy dressing. Taste and adjust the balance—if you prefer more tang, add a squeeze more lemon; for more sweetness, a tiny drop of maple. Set aside; the dressing thickens slightly as it sits, which makes it cling beautifully to the arugula.

💡 Lalybeth’s Pro Tip: Double the dressing recipe and store the extra in a clean jar in the fridge for up to a week. It’s my secret weapon for quick lunch salads during a busy NYC work week—just drizzle over any greens and roasted veggies.

Step 4: Assemble the Salad

Place the baby arugula in a large, wide salad bowl. Scatter the slightly cooled roasted beets and sweet potatoes over the greens. Fan out the thinly sliced avocado on top, then sprinkle with crumbled feta and toasted pepitas. Drizzle about two-thirds of the dressing over everything—reserve the rest for drizzling at the table, just in case. Using your hands or two large spoons, gently toss to combine, lifting from the bottom so the arugula gets coated without bruising. Serve immediately, passing extra dressing on the side.

⚠️ Common Mistake to Avoid: Adding the avocado too early or tossing aggressively can turn it mushy. Slice it just before assembly and fold it in gently, or lay the slices on top for a prettier presentation.

StepActionDurationKey Visual Cue
1. PrepPreheat oven, line pans, cube veggies10 minsVegetables cut into uniform 1/2-inch cubes
2. RoastSeason and roast on separate pans25–30 minsEdges golden, fork-tender with slight resistance
3. DressingWhisk ingredients until emulsified5 minsUniform, slightly thickened consistency
4. AssembleToss arugula, roasted veggies, avocado, feta, pepitas with dressing5 minsLeaves lightly coated, colors distinct

Serving & Presentation

In our NYC home, I love bringing this roasted beet sweet potato avocado salad to the table in a wide, shallow bowl so you can see every colorful layer. For a dinner party, I’ll fan the avocado slices in a rosette on top, crumble the feta into irregular chunks, and scatter the pepitas like little gemstones. A final grind of black pepper and a tiny drizzle of extra-virgin olive oil just before serving makes it glisten like a professional plating. It’s beautiful enough for a holiday buffet.

Warm crusty sourdough or a slice of toasted whole-grain bread is the perfect accompaniment to mop up every last drop of that maple-Dijon dressing. To round it out into a heartier meal, I’ll serve it alongside grilled chicken or pan-seared salmon—simple proteins that let the salad’s bold colors and flavors take center stage. If you’re hosting a brunch, poached eggs on top make it a showstopper; the runny yolk blends with the dressing in the most decadent way.

In terms of drink pairings, a chilled glass of dry rosé or a crisp Sauvignon Blanc from the Loire Valley (a little Parisian influence!) brightens the roasted vegetable notes. For non-alcoholic options, sparkling water with a wedge of grapefruit or a light hibiscus iced tea mirrors the salad’s vivid hues. I often recall my mother serving a similar beet salad with mint tea in Morocco—so if you’re feeling adventurous, a warm cup of Moroccan mint tea on the side is unexpectedly delightful.

Pairing TypeSuggestionsWhy It Works
Side DishGrilled chicken, pan-seared salmon, crusty breadAdds protein without overpowering; bread soaks up dressing
Sauce / DipExtra dressing, tzatziki, hummusCreamy dips complement the roasted root vegetables
BeverageDry rosé, Sauvignon Blanc, hibiscus iced teaAcidity cuts through richness; tea echoes beet color
GarnishMicrogreens, lemon zest, extra pepitasAdds freshness, crunch, and a pop of color

Make-Ahead, Storage & Reheating

I’m a big believer in meal-prep, especially in my cramped NYC kitchen where time is the hottest commodity. This roasted beet sweet potato avocado salad is perfect for getting ahead: roast the beets and sweet potatoes on Sunday, store them separately, and you’ll have a foundation for salads all week. The key is to keep the components apart until the moment you’re ready to eat, so that the arugula stays crisp and the avocado doesn’t brown.

MethodContainerDurationReheating Tip
Refrigerator (roasted veggies only)Airtight glass containersUp to 4 daysEat cold or reheat in a 350°F oven for 5 mins to re-crisp
Freezer (roasted veggies)Freezer-safe bags, flat with air removedUp to 2 monthsThaw overnight in fridge; reheat in oven, not microwave, to retain texture
Make-Ahead (entire salad)Store components separately; assemble just before servingRoasted veggies 2 days ahead; dressing 5 days aheadKeep avocado in whole form with pit; slice just before tossing

A little trick from my Paris catering days: to revive refrigerated roasted vegetables, spread them on a baking sheet and pop them in a 350°F oven for 5 minutes. They’ll crisp up again beautifully. And never store the dressed salad—the arugula wilts and the avocado oxidizes, turning an unappetizing brown. If you’re packing a lunch, layer the arugula at the bottom of a container, add the cold roasted veggies, then top with avocado slices and feta. Pack the dressing in a separate tiny jar, and toss at your desk. It feels like a little self-care treat in the middle of a workday.

For longer storage, the roasted beets actually take on a deeper, jammy flavor after a day in the fridge, making them even more delicious. Just be aware that the red hue might bleed onto anything they touch, so use dark containers or keep them wrapped in parchment. Trust me, once you’ve prepped the components ahead, assembly is a breeze—and you’ll have a cafe-quality lunch ready in under two minutes.

Variations & Easy Swaps

One of the things I love most about this healthy roasted vegetable salad is how endlessly adaptable it is. My NYC ingredients change with the seasons, and I often tweak it based on what’s at the farmers’ market. Here are my three favorite spins, each tested in my own kitchen.

VariationKey ChangeBest ForDifficulty Impact
Moroccan-SpicedAdd 1 tsp ras el hanout and a pinch of cinnamon to the olive oil before roastingAromatic, warming dinnersEasy—same process, just extra spice
Protein-PackedAdd shredded rotisserie chicken or 1 cup cooked quinoaPost-workout or lunch mealEasy—just fold in
Dairy-Free & VeganOmit feta or use almond-based feta; replace maple syrup with agavePlant-based eatersEasy—swap ready

Moroccan-Spiced Variation

I often reach for a jar of ras el hanout, that fragrant Moroccan spice blend, when I want to transport myself back to my mother’s kitchen. Toss the beet and sweet potato cubes with a teaspoon of ras el hanout and a pinch of cinnamon along with the olive oil before roasting. The result is a deeply aromatic salad with warm, sweet undertones that play beautifully against the cool avocado and tangy feta. This version pairs wonderfully with couscous and a drizzle of tahini for a complete meal.

Protein-Packed Variation

When I need something more substantial, I’ll fold in shredded rotisserie chicken or a cup of cooked quinoa. The chicken adds savory depth, while quinoa brings a nutty chew and extra plant protein. Both soak up the maple-Dijon dressing without making the salad soggy. It’s my go-to when I have friends over for a casual dinner; I set out the roasted veggies and toppings and let everyone build their own bowl.

Dairy-Free & Vegan Variation

To make this sweet potato avocado salad fully plant-based, simply swap the feta for a high-quality almond-based feta (my favorite is Violife) or skip it altogether and add extra avocado and a sprinkle of nutritional yeast for that cheesy umami. The dressing is naturally dairy-free as long as you use agave or maple syrup. I’ve made this for vegan brunches, and even my most ardent cheese-loving friends don’t miss the feta.

How do you roast beets and sweet potatoes so they cook evenly in this salad?

Cut both root vegetables into uniform 1/2-inch cubes—this is the most crucial step. Even sizes ensure every piece softens and caramelizes at the same rate. Roast them at a high 400°F temperature, which creates a golden exterior while keeping the inside tender. Most importantly, spread them in a single layer with space between cubes; crowding steams rather than roasts. I also stir them once halfway through, and if your beets are larger and firmer than the sweet potatoes, you can give them a 5-minute head start in the oven. Using two separate pans prevents color bleed and allows you to remove the sweet potatoes first if they finish sooner.

Can you make roasted beet sweet potato avocado salad ahead of time without the avocado browning?

Absolutely, but the key is to store all the components separately and assemble right before serving. Roast the beets and sweet potatoes up to two days in advance and refrigerate in airtight containers. The dressing can be made up to five days ahead. Keep the avocado whole, uncut, in the fridge; slice it only when you’re ready to toss the salad. For a meal-prep container, layer the arugula at the bottom, top with chilled roasted veggies, place a squeeze of lemon juice on the avocado slices to prevent browning, then seal tightly. Shake the dressing in a tiny jar and add at the last moment. This way, you’ll have a fresh, vibrant salad in under a minute.

What is the best dressing to use for a roasted beet, sweet potato, and avocado salad?

A bright, tangy vinaigrette with a hint of sweetness is the gold standard. My lemon-Dijon dressing with a touch of maple syrup perfectly balances the earthy beets and sweet potatoes. The emulsified olive oil coats the arugula without wilting it, and the acidity from fresh lemon juice cuts through the creamy avocado and feta. Balsamic or apple cider vinegar can replace lemon, but the maple syrup adds a subtle warmth that ties everything together. Avoid heavy cream-based dressings; they can overwhelm the delicate roasted flavors. For extra zip, add a teaspoon of whole-grain mustard or a pinch of sumac—a trick from my Paris days.

How do you keep roasted beets from bleeding onto the other salad ingredients?

The simplest method is to roast beets and sweet potatoes on completely separate baking sheets—no need to wash extra pans; parchment paper prevents any mixing. After roasting, cool the beets on their own pan and store them separately in an airtight container. If you plan to serve the salad soon, you can also rinse the roasted beet cubes quickly under cold water to remove excess surface pigment, then pat dry. Another pro tip: when tossing the salad, add the beets last and fold gently, or arrange them on top so the arugula and sweet potatoes stay mostly un-tinted. The red color is water-soluble, so any dressing will pick up the tint but won’t ruin the dish.

Is this roasted beet and sweet potato salad gluten-free?

Yes, as written this recipe is naturally gluten-free. All the ingredients—beets, sweet potatoes, arugula, avocado, feta, pepitas, olive oil, lemon juice, Dijon mustard, and maple syrup—are free from gluten. However, always double-check your Dijon mustard label; some brands may use malt vinegar, which contains gluten. A gluten-free certified mustard guarantees safety. For a fully gluten-free meal, serve it with quinoa or alongside grilled chicken or fish. No modifications are necessary, making this a wonderful option for anyone avoiding gluten without sacrificing flavor.

What are the best greens to use besides arugula for this salad?

While baby arugula’s peppery bite is my top choice, you can substitute with tender spinach, mixed spring greens, or even finely shredded kale (massaged with a little olive oil and salt). Spinach offers a mild, soft bed that lets the roasted veggies shine; kale holds up beautifully if you want to dress the salad in advance without wilting. For a more bitter edge, try a blend of radicchio and frisée. Avoid iceberg or romaine, which lack the structure and flavor to stand up to the robust roasted vegetables and creamy avocado.

Can I use golden beets instead of red beets in this salad?

Absolutely, golden beets are a fantastic swap. They have a milder, slightly sweeter flavor and won’t bleed any red color, so you can even roast them on the same pan as the sweet potatoes without a dividier. The salad will look more golden and orange-toned, which is still stunning. Their texture is the same, so no timing adjustments are needed. If you can find them at a farmers’ market or specialty store, they add a pretty variation—sometimes I’ll use a mix of red and golden for a confetti effect.

How can I add more protein to this roasted vegetable salad?

There are many easy ways to boost protein. Fold in 1 cup of cooked quinoa or farro (which adds about 8 grams of protein per serving). Top with a sliced grilled chicken breast, flaked canned salmon, or chickpeas roasted with the same spices. Crumbled baked tofu or tempeh is a great plant-based option; I often toss tofu cubes in a little tamari and roast them on a spare corner of the baking sheet. Adding extra pepitas or slivered almonds also contributes a small protein bump and extra crunch.

Share Your Version!

I can’t wait to see how this roasted beet sweet potato avocado salad turns out in your kitchen! If you give it a spin, please leave a star rating and a comment below—tell me what variation you tried, or if you discovered a new twist. Your feedback makes this little corner of the internet so much richer, and I read every single message.

Snap a photo and tag @cookingwithlalyta on Instagram or Pinterest—I truly love seeing your creations and sharing them in my stories. When the beets turn everything a pretty pink, that’s the sign of a true food lover. What’s your favorite add-in? Are you team extra feta, or do you pile on the pepitas? Let me know below!

From my NYC kitchen to yours — I hope this recipe brings as much warmth to your table as it does to mine. — Lalybeth 🧡

📌

Love This Recipe? Save It to Pinterest!

If you enjoyed this Vibrant Roasted Beet Sweet Potato Avocado Salad recipe, don’t let it get lost in your browser tabs! 😄 Pin it now so you can find it again anytime — and explore hundreds more tried-and-tested recipes waiting for you on my Pinterest boards.

👉 Follow Lalybeth on Pinterest @cookingwithlalyta

📌 Pin this recipe · 🔁 Re-pin your favorites · 💬 Tag me when you make it — I love seeing your creations!

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

Vibrant Roasted Beet Sweet Potato Avocado Salad


  • Author: Chef Lalybeth
  • Total Time: 45 minutes
  • Yield: 4 servings 1x

Description

A colorful, hearty salad of roasted beets and sweet potatoes tossed with peppery arugula, creamy avocado, feta, and a bright lemon-Dijon dressing. Perfect for lunch or dinner.


Ingredients

Scale
  • For the salad:
  • 2 medium red beets, peeled and cut into 1/2-inch cubes
  • 1 large sweet potato, peeled and cut into 1/2-inch cubes
  • 1 tablespoon olive oil
  • 1/2 teaspoon kosher salt
  • 1/4 teaspoon black pepper
  • 5 ounces baby arugula
  • 1 ripe avocado, thinly sliced
  • 1/3 cup crumbled feta cheese
  • 1/4 cup pepitas, toasted
  • For the lemon-Dijon dressing:
  • 1/4 cup extra-virgin olive oil
  • 2 tablespoons fresh lemon juice
  • 1 tablespoon Dijon mustard
  • 1 teaspoon maple syrup
  • 1/4 teaspoon kosher salt
  • Freshly ground black pepper, to taste

Instructions

  1. Preheat the oven to 400°F. Line a large baking sheet with parchment paper.
  2. Place the cubed beets and sweet potatoes on the prepared baking sheet. Drizzle with olive oil and sprinkle with salt and pepper. Toss to coat, then spread into a single layer.
  3. Roast for 25–30 minutes, stirring once halfway, until the sweet potatoes and beets are tender and lightly browned. Set aside to cool slightly.
  4. While the vegetables roast, make the dressing: In a small bowl or jar, combine extra-virgin olive oil, lemon juice, Dijon mustard, maple syrup, salt, and pepper. Whisk or shake until emulsified.
  5. In a large salad bowl, combine the baby arugula, roasted beets and sweet potatoes, avocado slices, feta cheese, and toasted pepitas.
  6. Drizzle the dressing over the salad and gently toss to combine. Serve immediately.

Notes

If you want to keep the beets from tinting the sweet potatoes, roast them on separate baking sheets. To meal-prep, store the roasted vegetables, dressing, and salad components separately and toss everything together just before serving.

  • Prep Time: 15 minutes
  • Cook Time: 30 minutes
  • Method: Salad
  • Cuisine: American

Nutrition

  • Calories: 380 kcal
  • Sugar: 11g
  • Fat: 25g
  • Carbohydrates: 32g
  • Protein: 7g


Vibrant Roasted Beet Sweet Potato Avocado Salad

Leave a Comment

Recipe rating