Mango Strawberry Sunset Cupcakes

Featured in: Soft Sweet Treats

These cupcakes combine fresh mango purée and strawberry jam to create a vibrant, tropical flavor. The batter is light and fluffy, enhanced by a creamy buttercream featuring a stunning sunset swirl of mango and strawberry purées. Ideal for festive gatherings, the recipe involves simple preparation steps including filling the cupcakes and artfully piping the frosting with a gradient effect. Garnished with fresh fruit, these treats bring bright flavors and bold colors to the table.

Updated on Tue, 09 Dec 2025 11:23:00 GMT
Mango Strawberry Sunset Cupcakes, with a vibrant swirl of pink, orange, and vanilla buttercream on top. Save
Mango Strawberry Sunset Cupcakes, with a vibrant swirl of pink, orange, and vanilla buttercream on top. | sagekettle.com

A vibrant, tropical-inspired cupcake bursting with mango and strawberry flavors, finished with a stunning sunset swirl buttercream. Perfect for summer gatherings or any festive celebration.

This recipe quickly became a favorite at my summer parties due to its eye-catching look and delightful taste.

Ingredients

  • Cupcake Batter: 1 ½ cups all-purpose flour 1 ½ tsp baking powder ¼ tsp salt ½ cup unsalted butter, softened 1 cup granulated sugar 2 large eggs 1 tsp vanilla extract ½ cup milk ¼ cup mango purée (fresh or canned)
  • Filling: ¼ cup strawberry jam
  • Sunset Swirl Buttercream: 1 cup unsalted butter, softened 3 cups powdered sugar 2 tbsp heavy cream (or milk) 1 tsp vanilla extract 2 tbsp mango purée 2 tbsp strawberry purée
  • Optional Garnish: Fresh strawberry slices Fresh mango slices

Instructions

Step 1:
Preheat oven to 350°F (175°C). Line a 12-cup muffin tin with cupcake liners.
Step 2:
In a medium bowl, whisk together the flour, baking powder, and salt. Set aside.
Step 3:
In a large bowl, cream the softened butter and sugar until light and fluffy (2–3 minutes).
Step 4:
Add eggs one at a time, beating well after each addition. Mix in vanilla extract.
Step 5:
Stir in the milk and mango purée until combined.
Step 6:
Gradually fold in the dry ingredients until just incorporated do not overmix.
Step 7:
Divide the batter evenly among cupcake liners, filling each about ¾ full.
Step 8:
Bake for 18-20 minutes, or until a toothpick inserted into the center comes out clean. Cool completely on a wire rack.
Step 9:
Once cooled, use a small knife or cupcake corer to remove a small center from each cupcake. Fill each cavity with about 1 teaspoon of strawberry jam.
Step 10:
For the buttercream, beat the softened butter until creamy. Gradually add powdered sugar, mixing until smooth.
Step 11:
Mix in vanilla extract and heavy cream (or milk) until fluffy.
Step 12:
Divide the frosting evenly into three bowls. Leave one plain (white/vanilla). Mix mango purée into the second bowl (yellow-orange). Mix strawberry purée into the third bowl (pink-red).
Step 13:
To create the sunset swirl effect, add spoonfuls of each colored frosting side-by-side into a large piping bag fitted with a star tip.
Step 14:
Pipe swirls of frosting onto each cupcake, creating a sunset gradient.
Step 15:
Garnish with a slice of strawberry or mango, if desired.
Golden baked Mango Strawberry Sunset Cupcakes, decorated with fresh strawberry slices, a delightful dessert. Save
Golden baked Mango Strawberry Sunset Cupcakes, decorated with fresh strawberry slices, a delightful dessert. | sagekettle.com

These cupcakes always bring smiles at family events and sweeten our celebrations together.

Required Tools

Muffin tin cupcake liners mixing bowls electric mixer spatula piping bag with star tip small knife or cupcake corer wire rack

Allergen Information

Contains Wheat (gluten) eggs milk (dairy) May contain traces of nuts if ingredients are processed in facilities that handle nuts Always check labels if preparing for individuals with allergies

Nutritional Information

Calories 320 Total Fat 15 g Carbohydrates 45 g Protein 3 g per serving

Close-up of a Mango Strawberry Sunset Cupcake, offering a sweet bite of summer flavors and textures. Save
Close-up of a Mango Strawberry Sunset Cupcake, offering a sweet bite of summer flavors and textures. | sagekettle.com

Enjoy these tropical cupcakes as a colorful and flavorful treat perfect for any festive occasion.

Recipe Q&A

How do I achieve the sunset swirl buttercream effect?

Divide your frosting into three parts—plain, mango-puréed, and strawberry-puréed. Place spoonfuls side-by-side in a piping bag and pipe to create a color gradient resembling a sunset.

Can I use fresh fruit instead of purées?

Yes, ripe fresh mango and strawberries can be blended into purées for the best flavor and texture in the batter and frosting.

What is the best way to fill the cupcakes?

After baking and cooling, core a small section from the center of each cupcake and fill with strawberry jam for a sweet surprise inside.

How should I store these cupcakes?

Store in an airtight container at room temperature for up to 2 days or refrigerate for up to 4 days to preserve freshness.

Is there a lighter alternative for the butter in the batter?

Yes, substituting part of the butter with Greek yogurt makes the cupcakes lighter while maintaining moisture.

What tools are needed for preparation?

Essential tools include a muffin tin, cupcake liners, mixing bowls, an electric mixer, piping bag with star tip, and a small knife or cupcake corer.

Mango Strawberry Sunset Cupcakes

Tropical mango and strawberry treats topped with sunset swirl buttercream, perfect for summer events.

Setup Time
20 min
Time to Cook
20 min
Total Duration
40 min
Created by Elena Brooks

Classification Soft Sweet Treats

Skill Level Medium

Cuisine American

Batch Size 12 Portions

Dietary Details Meat-free

Components

Cupcake Batter

01 1 ½ cups all-purpose flour
02 1 ½ teaspoons baking powder
03 ¼ teaspoon salt
04 ½ cup unsalted butter, softened
05 1 cup granulated sugar
06 2 large eggs
07 1 teaspoon vanilla extract
08 ½ cup whole milk
09 ¼ cup mango purée (fresh or canned)

Filling

01 ¼ cup strawberry jam

Sunset Swirl Buttercream

01 1 cup unsalted butter, softened
02 3 cups powdered sugar
03 2 tablespoons heavy cream
04 1 teaspoon vanilla extract
05 2 tablespoons mango purée
06 2 tablespoons strawberry purée

Optional Garnish

01 Fresh strawberry slices
02 Fresh mango slices

Directions

Step 01

Preheat and Prepare: Preheat the oven to 350°F (175°C). Line a 12-cup muffin tin with cupcake liners.

Step 02

Combine Dry Ingredients: Whisk together the flour, baking powder, and salt in a medium bowl. Set aside.

Step 03

Cream Butter and Sugar: In a large bowl, beat the softened butter and granulated sugar until light and fluffy, about 2 to 3 minutes.

Step 04

Add Eggs and Vanilla: Add eggs one at a time, beating well after each addition, then mix in the vanilla extract.

Step 05

Incorporate Liquids: Stir in the milk and mango purée until evenly combined.

Step 06

Fold in Dry Ingredients: Gradually fold in the flour mixture until just combined, being careful not to overmix.

Step 07

Fill Cupcake Liners: Divide the batter evenly among liners, filling each about three-quarters full.

Step 08

Bake and Cool: Bake for 18 to 20 minutes or until a toothpick inserted into the center comes out clean. Allow cupcakes to cool completely on a wire rack.

Step 09

Core and Fill: Using a small knife or cupcake corer, remove a small center from each cooled cupcake and fill each cavity with approximately 1 teaspoon of strawberry jam.

Step 10

Prepare Buttercream Base: Beat the softened butter until creamy, then gradually add powdered sugar, mixing until smooth.

Step 11

Flavor and Whip Buttercream: Mix in vanilla extract and heavy cream until the buttercream is fluffy.

Step 12

Color the Frosting: Divide frosting into three portions: leave one plain, add mango purée to the second, and strawberry purée to the third.

Step 13

Create Sunset Swirl: Place spoonfuls of each colored buttercream side-by-side into a large piping bag with a star tip.

Step 14

Pipe Frosting: Pipe swirls onto each cupcake to create a sunset gradient effect.

Step 15

Garnish: Optionally, top each cupcake with a fresh strawberry or mango slice.

Tools Needed

  • Muffin tin
  • Cupcake liners
  • Mixing bowls
  • Electric mixer
  • Spatula
  • Piping bag with star tip
  • Small knife or cupcake corer
  • Wire rack

Allergy Alerts

Review every ingredient to spot possible allergens. Consult your doctor if unsure.
  • Contains wheat (gluten), eggs, and milk (dairy).
  • May contain traces of nuts due to cross-contamination in processing facilities.

Nutrition Info (per portion)

Nutritional details are for reference and don't substitute medical advice.
  • Energy (Calories): 320
  • Lipids: 15 g
  • Carbohydrates: 45 g
  • Proteins: 3 g