Mango Strawberry Sunset Cupcakes

Featured in: Golden-Dusk Comforts

These cupcakes blend fresh mango and strawberry flavors with a moist batter and a striking sunset swirl buttercream. Each cupcake is filled with strawberry jam, adding a sweet and tangy surprise. Crafted for festive gatherings, the vibrant frosting creates a beautiful gradient, topped with fresh fruit slices to enhance the tropical theme. Perfect for summer parties, these medium-difficulty treats highlight fresh ingredients and colorful presentation.

Updated on Tue, 09 Dec 2025 09:19:00 GMT
Mango Strawberry Sunset Cupcakes, with vibrant swirl buttercream, ready for summer celebrations and sharing. Save to Pinterest
Mango Strawberry Sunset Cupcakes, with vibrant swirl buttercream, ready for summer celebrations and sharing. | yummywithmia.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.

These cupcakes have become a highlight at all my summer parties and bring a touch of sunshine to every bite.

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.
Save to Pinterest
| yummywithmia.com

Sharing these cupcakes with family has created joyful moments and sweet memories.

Required Tools

Muffin tin, Cupcake liners, Mixing bowls, Electric mixer (hand or stand), 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

Freshly baked Mango Strawberry Sunset Cupcakes, boasting tropical flavors and sunset swirl frosting, a delight. Save to Pinterest
Freshly baked Mango Strawberry Sunset Cupcakes, boasting tropical flavors and sunset swirl frosting, a delight. | yummywithmia.com

These cupcakes are sure to brighten any occasion with their fresh tropical flavors and gorgeous presentation.

Common Recipe Questions

What ingredients create the sunset swirl effect?

The swirl is made by dividing buttercream into three parts, mixing mango purée in one and strawberry purée in another, and piping them side-by-side for a gradient look.

How is the strawberry jam used in these cupcakes?

A small hole is removed from each cupcake center and filled with strawberry jam, adding a sweet and slightly tart filling.

Can these cupcakes be stored for later?

Store airtight at room temperature up to 2 days or refrigerate for up to 4 days to maintain freshness.

Are there any ingredient substitutions suggested?

For a lighter variation, part of the butter can be replaced with Greek yogurt in the batter without compromising texture.

What tools are necessary for preparation?

A muffin tin, liners, mixing bowls, electric mixer, piping bag with star tip, and a small knife or corer for hollowing cupcakes are needed.

Mango Strawberry Sunset Cupcakes

Tropical mango and strawberry combine under sunset swirl buttercream for a vibrant, festive dessert.

Prep Time
20 minutes
Cooking Duration
20 minutes
Overall Time
40 minutes
Created by Mia

Recipe Type Golden-Dusk Comforts

Skill Level Medium

Culinary Origin American

Total Output 12 Portion Size

Dietary Preferences Vegetarian-Friendly

What You'll Need

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

Steps to Follow

Step 01

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

Step 02

Combine dry ingredients: Whisk together flour, baking powder, and salt in a medium bowl; set aside.

Step 03

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

Step 04

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

Step 05

Incorporate liquids: Stir in milk and mango purée until fully combined.

Step 06

Fold in dry ingredients: Gradually fold the flour mixture into the wet ingredients, mixing just until combined to avoid overmixing.

Step 07

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

Step 08

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

Step 09

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

Step 10

Prepare buttercream base: Beat softened butter until creamy. Gradually add powdered sugar and mix until smooth.

Step 11

Add vanilla and cream: Mix in vanilla extract and heavy cream until the buttercream is light and fluffy.

Step 12

Divide and color buttercream: Separate frosting evenly into three bowls: leave one plain, stir mango purée into the second, and strawberry purée into the third.

Step 13

Assemble swirl frosting: Place spoonfuls of each colored frosting side-by-side in a large piping bag fitted with a star tip to create a sunset swirl effect.

Step 14

Pipe frosting: Pipe swirls of frosting onto each cupcake, achieving a gradient resembling a sunset.

Step 15

Garnish cupcakes: Top each cupcake with a slice of fresh strawberry or mango if desired.

Tools Required

  • 12-cup muffin tin
  • Cupcake liners
  • Mixing bowls
  • Electric mixer (hand or stand)
  • Spatula
  • Piping bag with star tip
  • Small knife or cupcake corer
  • Wire cooling rack

Allergy Warnings

Please review individual ingredients for potential allergens and reach out to a healthcare professional if unsure.
  • Contains wheat (gluten), eggs, and dairy.
  • May contain traces of nuts from cross-contamination.

Nutritional Info (per serving)

These details are for reference only and shouldn't replace professional medical consultation.
  • Calories Count: 320
  • Fats: 15 grams
  • Carbohydrates: 45 grams
  • Proteins: 3 grams