Mango Strawberry Sunset Cupcakes: A Delightful Recipe!
Bright, crowd-pleasing cupcakes featuring tropical mango and strawberry jam, topped with a stunning tri-colored frosting swirl, perfect for any gathering.

I still remember the first time I piped a triple-colored swirl and watched a plain cupcake turn into a tiny sunset — that moment convinced me these Mango Strawberry Sunset Cupcakes belong on any get-together menu. They’re bright, crowd-pleasing, and simple enough for a weekend bake with kids or for prepping a cheerful batch for a picnic. If you want something fruity, not-too-sweet, and visually striking, this recipe delivers — and it pairs beautifully with quick savory sides like 15-minute creamy lemon chicken orzo for a light brunch spread.
Why you’ll love this dish
These cupcakes are a handful of advantages in one bite: they’re colorful, family-friendly, and mix tropical mango with familiar strawberry notes for broad appeal. The vanilla base keeps things tender and neutral so the fruit purées and jam sing without being cloying. Make them for summer parties, birthday trays, or as a seasonal twist on classic cupcakes.
Why try them:
- Fast preparation for a flavored cupcake (about 30–40 minutes total active time).
- Budget-friendly: mostly pantry staples plus small amounts of fruit purée.
- Kid-approved: bright colors and jam centers are a hit.
- Visually special: the tri-color swirl creates a professional-looking finish without complicated piping techniques.
How this recipe comes together
Quick overview before we dive into the ingredients: you’ll whisk dry ingredients, cream butter and sugar, then fold in eggs, milk and mango purée to make a smooth batter. Cupcakes bake in 18–20 minutes, cool, then get a jam-filled center. The frosting is a classic buttercream divided and tinted three ways — plain, mango, and strawberry — then arranged side-by-side in a piping bag to achieve the sunset swirl. Expect simple steps and straightforward timing so the process is relaxing, not fussy.
What you’ll need
- 1 ½ cups all-purpose flour
- 1 ½ tsp baking powder
- ¼ tsp salt
- ½ cup unsalted butter, softened (for batter) — can substitute with equal coconut oil for dairy-free (note changes to texture)
- 1 cup granulated sugar
- 2 large eggs
- 1 tsp vanilla extract
- ½ cup milk (dairy or plant-based)
- ¼ cup mango purée (fresh or canned) — if using frozen mango, thaw and blend smooth
- ¼ cup strawberry jam (for filling) — seedless preferred for a smoother center
Frosting: - 1 cup unsalted butter, softened
- 3 cups powdered sugar, sifted
- 2 tbsp heavy cream or milk (use more or less to reach consistency)
- 1 tsp vanilla extract
- 2 tbsp mango purée (for the yellow-orange swirl)
- 2 tbsp strawberry purée (for the pink-red swirl)
Notes on ingredients:
- Powdered sugar quantity can be adjusted for sweetness and texture; less sugar will yield a softer, less sweet buttercream.
- For a lighter frosting, replace 1–2 tbsp butter with cream cheese (adds tang).
- If you want stronger fruit color without extra purée, add a drop of food coloring (optional).
Step-by-step instructions
- Preheat oven to 350°F (175°C). Line a 12-cup muffin tin with cupcake liners.
- Whisk together 1 ½ cups flour, 1 ½ tsp baking powder, and ¼ tsp salt in a medium bowl. Set aside.
- In a large bowl, cream ½ cup softened butter and 1 cup granulated sugar until light and fluffy (about 3–4 minutes with a hand mixer).
- Beat in 2 eggs, one at a time, then add 1 tsp vanilla extract until incorporated.
- Mix in ½ cup milk and ¼ cup mango purée until smooth.
- Gradually add the dry ingredients to the wet, mixing just until combined. Don’t overmix — a few small streaks are fine.
- Spoon batter into the liners, filling each about ¾ full. Bake 18–20 minutes, or until the tops are golden and a toothpick comes out clean. Let cupcakes cool completely on a rack.
- When cooled, use a small knife or cupcake corer to remove a small center from each cupcake and fill with about 1 tsp of strawberry jam; replace the crumb top.
- For the frosting: beat 1 cup softened butter until creamy. Add powdered sugar gradually (3 cups), beating on low then higher speed. Add 2 tbsp heavy cream (or milk) and 1 tsp vanilla; beat until smooth and fluffy. Adjust cream to reach piping consistency.
- Divide the frosting into three bowls. Leave one bowl plain (vanilla/white). Stir 2 tbsp mango purée into the second bowl for yellow-orange, and 2 tbsp strawberry purée into the third bowl for pink-red.
- Spoon the three colors side-by-side into a large piping bag fitted with a round or star tip to create the “sunset swirl” effect. Pipe swirls onto each cupcake.
- Optional: garnish with a thin slice of strawberry or a small mango piece for extra flair.

Mango Strawberry Sunset Cupcakes
- Prep
- 30 MIN
- Cook
- 20 MIN
- Total
- 50 MIN
- Serves
- 12
01Ingredients
For the Cupcake Batter
For the Frosting
02Method
- Preparation
- Baking
- Filling and Frosting
Tap a step when it's done. The next one lights up.
0 OF 14 DONE03Recipe notes
- 01Store in an airtight container at room temperature for up to 2 days. Refrigerate for up to 4 days or freeze unfrosted cupcakes for up to 1 month.
How did it turn out?
No ratings yet. Tap a star to be the first.
Snap a photo and tag @recipe_smoke1 so I can see how yours came out.
Best ways to enjoy it
Serve these at room temperature so the buttercream stays soft and pillowy. They’re excellent for:
- Brunch spreads alongside light salads or savory bites (try pairing with quick steak bites for a more filling menu).
- Summer parties and kids’ celebrations — the colors are festive.
- Dessert tables where visual variety matters — alternate with plain vanilla cupcakes for contrast.
Plating ideas:
- Arrange on a tiered stand to showcase the sunset swirls.
- For a picnic, pack cupcakes in a single layer to avoid smudging; line the box with parchment.
How to store & freeze
Short-term: Store cupcakes in an airtight container at room temperature for up to 2 days. Keep out of direct sunlight.
Refrigeration: If your kitchen is warm or you’ve used perishable fillings (like cream cheese), refrigerate up to 4 days. Bring back to room temperature before serving so frosting softens.
Freezing: Freeze plain frosted cupcakes (without fresh garnishes) in a single layer on a baking sheet until firm, then transfer to a freezer-safe container for up to 1 month. Thaw in the fridge overnight and come to room temp before serving.
Food safety tip: avoid leaving frosted cupcakes out for more than 2 hours at warm temperatures (above 90°F/32°C).
Creative twists
- Tropical coconut: add ¼ cup toasted shredded coconut to the batter and fold into the frosting for texture.
- Vegan version: swap butter for vegan spread/flax eggs, and use a plant-based milk; use powdered sugar free from bone char if needed.
- Berry boost: stir a tablespoon of orange syrup into the strawberry purée for a fuller flavor.
- Mini cupcakes: bake in mini liners for bite-sized party favors; reduce bake time to 10–12 minutes.
Common questions
Can I use fresh fruit instead of purée?
A: Yes — blitz fresh mango or strawberries in a blender until smooth. Measure after blending to match the purée amounts. If fresh fruit is watery, reduce the milk slightly to keep batter texture.
How long does it take to make these from start to finish?
A: Active time is about 30–40 minutes (mixing, piping jam, frosting). With baking and cooling included, plan for 1.5–2 hours. Cooling completely is the most time-consuming step.
Can I make the cupcakes ahead?
A: Absolutely. Bake and freeze unfrosted cupcakes, or bake and refrigerate unfrosted up to 2 days. Frost just before serving for the freshest look.
My frosting split when I added fruit purée — how do I fix it?
A: If the buttercream loosens or appears separated after adding purée, chill it briefly, then re-whip at medium speed. If still loose, sift in a bit more powdered sugar to stabilize.
Are these safe for kids with nut allergies?
A: The base recipe is nut-free, but always check labels on packaged ingredients (jam, purée) for possible cross-contamination.
Conclusion
These Mango Strawberry Sunset Cupcakes combine simple techniques with a showy finish — they’re ideal when you want a make-ahead treat that looks like you spent hours. For more mango-inspired desserts and inspiration, see Saffron Sunset Mango Delight: No Churn Mango Ice Cream …. If you’d like a visual reference for a similar cupcake idea, check out this version of Mango Strawberry Sunset Cupcakes.
Dessert
Dessert
Dessert
