Mango Strawberry Sunset Cupcakes Recipe
I just finished frosting these Mango Strawberry Sunset Cupcakes, and my kitchen looks and smells like a tropical paradise! The moment I piped the tri-colored frosting, creating that beautiful sunset swirl, I knew this recipe was a winner.
The mango cake is incredibly soft and moist, and the surprise strawberry jam filling in the center is the perfect touch. Taking that first bite was pure bliss—the combination of sweet mango and bright strawberry is just heavenly. I can already imagine how perfect these will be for our next summer party.
Ingredients
Here is everything you will need to create these stunning and delicious cupcakes.
For the Cupcake Batter
- 1 ½ cups all-purpose flour: This provides the structure for your cupcakes.
- 1 ½ tsp baking powder: The leavening agent that helps the cupcakes rise and become fluffy.
- ¼ tsp salt: Balances the sweetness and enhances the overall flavor.
- ½ cup unsalted butter, softened: Using softened, room temperature butter is crucial for a smooth, creamy batter.
- 1 cup granulated sugar: Provides sweetness and contributes to the tender texture.
- 2 large eggs: These should be at room temperature to incorporate better into the batter.
- 1 tsp vanilla extract: Adds a warm, aromatic background note.
- ½ cup milk: Adds moisture to the cupcakes. Whole milk will provide the richest flavor.
- ¼ cup mango purée: Use fresh, ripe mangoes for the most vibrant tropical flavor, but good quality canned purée works too.
For the Filling
- ¼ cup strawberry jam: A simple and sweet surprise in the center of each cupcake.
For the Frosting
- 1 cup unsalted butter, softened: The base for a rich and creamy buttercream.
- 3 cups powdered sugar: Sift this to avoid any lumps in your frosting.
- 2 tbsp heavy cream or milk: Helps to create a smooth, pipeable consistency.
- 1 tsp vanilla extract: Enhances the flavor of the buttercream.
- 2 tbsp mango purée: For the yellow-orange portion of the sunset swirl.
- 2 tbsp strawberry purée: For the pink portion of the swirl. Make sure it’s thick so it doesn’t thin out the frosting.
Note: The listed ingredients will yield approximately 12 cupcakes.
Variations
While these cupcakes are amazing as is, you can easily adapt them to your preferences.
- Vegan-Friendly: Swap the butter for a plant-based alternative, use a dairy-free milk like almond or soy, and substitute flax eggs (1 tbsp ground flaxseed + 3 tbsp water per egg).
- Tangy Twist: Add 1 teaspoon of lemon or lime zest to the cupcake batter to brighten the flavors and add a subtle citrusy kick.
- Different Filling: Instead of strawberry jam, try filling the cupcakes with a tangy passion fruit curd or a creamy coconut filling.
- Gluten-Free: Use a 1-to-1 gluten-free all-purpose flour blend in place of regular flour for a gluten-free version.

Cooking Time
- Prep Time: 20 minutes
- Cook Time: 20 minutes
- Total Time: 40 minutes (plus cooling time)
Equipment You Need
- Muffin Tin and Cupcake Liners: Essential for baking perfectly shaped cupcakes.
- Mixing Bowls: You’ll need a few for mixing the dry and wet ingredients, as well as for coloring the frosting.
- Electric Mixer: A hand mixer or stand mixer makes creaming the butter and sugar and whipping the frosting much easier.
- Piping Bag and Tip: Needed to create the beautiful sunset swirl effect on top of the cupcakes. A large star tip works well.
How to Make Mango Strawberry Sunset Cupcakes?
This recipe guides you through creating moist mango cupcakes, filling them with a sweet surprise, and topping them with a beautiful multi-toned frosting. The process is straightforward, starting with a simple cake batter and ending with a creative decorating technique. The key is to have your ingredients at room temperature and to cool the cupcakes completely before frosting.
Step 1: Make the Cupcake Batter
First, preheat your oven to 350°F (175°C) and line a muffin tin with cupcake liners. In a medium bowl, whisk together the flour, baking powder, and salt. In a separate large bowl, use an electric mixer to cream the softened butter and granulated sugar until the mixture is light and fluffy. This step incorporates air, which helps make the cupcakes tender. Beat in the eggs one at a time, followed by the vanilla extract. Finally, mix in the milk and mango purée until just combined.
Step 2: Bake the Cupcakes
Gradually add the dry ingredient mixture to the wet ingredients, mixing on low speed until everything is just incorporated. Be careful not to overmix, as this can lead to tough cupcakes. Fill each cupcake liner about three-quarters full with the batter. Bake for 18–20 minutes, or until a toothpick inserted into the center comes out clean. Once baked, let the cupcakes cool in the tin for a few minutes before transferring them to a wire rack to cool completely.
Step 3: Fill the Cupcakes
Once the cupcakes are completely cool, it’s time to add the filling. Use a small knife or a cupcake corer to carefully hollow out a small section from the center of each cupcake, making sure not to go all the way to the bottom. Spoon a small amount of strawberry jam into each hollowed-out center. This will create a delicious, fruity surprise when you bite into the cupcake.
Step 4: Create the Sunset Frosting and Decorate
For the frosting, beat the softened butter in a large bowl until creamy. Gradually add the powdered sugar, mixing until smooth. Add the vanilla extract and heavy cream, and beat until the frosting is light and fluffy. Divide the frosting evenly into three separate bowls. Leave one bowl plain (white), mix the mango purée into the second bowl (yellow), and mix the strawberry purée into the third (pink). To create the sunset effect, lay a sheet of plastic wrap on your counter. Spoon each color of frosting in a line, side-by-side, on the plastic wrap. Roll the plastic wrap into a log, twist the ends, and snip one end off. Place this log into a piping bag fitted with a decorative tip. Pipe a beautiful swirl onto each cupcake and enjoy.

Additional Tips for Making this Recipe Better
After making these a few times, I’ve learned a couple of things that make the process smoother and the results even better.
- I always make sure my butter, eggs, and milk are at room temperature. It truly makes a difference in getting a smooth, well-emulsified batter that bakes up light and fluffy.
- For the purées, I recommend using fresh, ripe fruit and blending it until it’s very smooth. For the strawberry purée for the frosting, I sometimes strain it to remove the seeds for an extra silky texture.
- When creating the sunset frosting, I’ve found it’s easiest to spoon the three colors side-by-side onto a piece of plastic wrap, roll it into a sausage shape, and then slip that into the piping bag. It keeps the colors separate and creates a gorgeous swirl.
- Patience is key! I always let the cupcakes cool completely before attempting to core or frost them. A warm cupcake will just melt the frosting into a puddle.
How to Serve Mango Strawberry Sunset Cupcakes?
These cupcakes are a showstopper on their own, but a little extra flair never hurts. Serve them on a pretty cake stand or platter to let their colors shine. For an extra touch, you can garnish each cupcake with a small, fresh strawberry slice or a tiny piece of diced mango. They are perfect for birthday parties, baby showers, or any summer celebration. Pair them with a glass of iced tea or a fruity punch for a refreshing treat.

Nutritional Information
Here is an approximate nutritional breakdown for one cupcake.
- Calories: 350-400 kcal
- Protein: 3g
- Carbohydrates: 55g
- Fat: 15g
Make Ahead and Storage
These cupcakes are great for making ahead, which can be a lifesaver when planning for an event.
You can bake the cupcakes a day in advance. Store the unfrosted cupcakes in an airtight container at room temperature. The frosting can also be made ahead and stored in the refrigerator for up to three days. Just let it come to room temperature and give it a quick whip before piping.
Store the finished, frosted cupcakes in an airtight container in the refrigerator for up to 3 days to keep the frosting firm and fresh. Before serving, allow them to sit at room temperature for about 20-30 minutes, as this will bring out the best flavor and soften the buttercream. Freezing the frosted cupcakes is not recommended as it can affect the texture of the frosting.
Why You’ll Love This Recipe?
There are so many reasons to adore these beautiful and tasty cupcakes.
- Stunning Visuals: The tri-colored sunset swirl frosting is incredibly eye-catching and looks professionally made, making these cupcakes perfect for special occasions where you want to impress.
- Delicious Flavor Combination: The tropical sweetness of the mango cake pairs perfectly with the classic, bright flavor of the strawberry jam filling and frosting. It’s a match made in fruit heaven.
- Surprise Inside: The hidden pocket of strawberry jam in the center of each cupcake adds an extra layer of flavor and texture that is a delightful surprise with every bite.
- Soft and Moist Crumb: This recipe yields a wonderfully tender and moist cupcake that stays fresh for days, ensuring every bite is as good as the first.


