Mango Strawberry Sunset Cupcakes bring together the bright, sweet flavors of ripe mango and juicy strawberries in a colorful, fun treat. These cupcakes are soft and fluffy with a hint of fruitiness, topped with creamy frosting that echoes those fresh, tropical vibes. Just looking at them feels like catching a little piece of a warm sunset.
I love making these cupcakes when I want something cheerful and easy to share with friends. The mix of mango and strawberry is a great way to brighten up any gathering, and the colors make them feel like a special occasion even on an ordinary day. One of my favorite tricks is to add a tiny bit of lemon juice to the frosting—it makes the sweetness pop even more.
These cupcakes are perfect for spring or summer parties, but honestly, I often just make them to enjoy with a cup of tea in the afternoon. There’s something about their fresh fruit flavor that lifts your mood in the best way. I think you’ll find yourself reaching for seconds—and maybe even thirds!
Key Ingredients & Substitutions
Mango: Fresh ripe mango brings natural sweetness and moisture. If fresh isn’t available, canned mango puree works well, just drain excess liquid to avoid soggy batter.
Strawberries: Fresh chopped strawberries add bursts of tangy flavor. Frozen strawberries can be used, but thaw and drain them first to prevent too much moisture.
Butter: I use unsalted butter for precise control over salt. You could try a dairy-free butter substitute for a vegan version, but the texture might be slightly different.
Powdered Sugar: Make sure it’s sifted to get a smooth frosting without lumps. If you have fine caster sugar, you can pulse it in a blender to make your own powdered sugar substitute.
How Do You Get That Beautiful Tri-Color Swirl in the Frosting?
Creating a neat tri-color swirl can feel tricky, but here’s a simple way to do it:
- Use a large piping bag and fit a star tip, then scoop each frosting color side by side inside the bag. Don’t mix them; just press them gently next to each other.
- When you pipe, the colors will swirl together naturally, creating that sunset effect.
- Practice on a plate first to get the feel of the pressure and speed needed.
- If you don’t have three piping bags, spoon dollops of each color in separate sections of a big plastic bag and snip the corner.
- Adding a small amount of food coloring helps the mango and strawberry frosting look more vibrant but is optional.

Equipment You’ll Need
- 12-cup muffin tin with cupcake liners – I like these because they help shape the cupcakes and make cleanup easier.
- Mixing bowls – one for dry ingredients, one for wet batter, so everything stays organized.
- Electric hand or stand mixer – speeds up beating the butter and sugar to a fluffy texture.
- Spatula – perfect for folding in the fruit without crushing it.
- Measuring cups and spoons – for accuracy with ingredients.
- Large piping bag with star tip – to pipe the beautiful sunset swirl frosting.
Flavor Variations & Add-Ins
- Swap strawberries for blueberries or raspberries for a different berry flavor and color.
- Mix in shredded coconut or chopped nuts into the batter for added texture.
- Use lemon or lime zest in the frosting for a citrusy twist that complements the fruit flavors.
- Replace vanilla extract with coconut or almond extract to give a different aromatic note.
Mango Strawberry Sunset Cupcakes
Ingredients You’ll Need:
For the Cupcakes:
- 1 1/2 cups all-purpose flour
- 1 1/2 tsp baking powder
- 1/4 tsp salt
- 1/2 cup unsalted butter, softened
- 3/4 cup granulated sugar
- 2 large eggs
- 1 tsp vanilla extract
- 1/2 cup whole milk
- 1 ripe mango, peeled and finely chopped or pureed (about 3/4 cup)
- 3/4 cup fresh strawberries, chopped
For the Tri-Color Frosting:
- 1 cup unsalted butter, softened
- 4 cups powdered sugar, sifted
- 2 tbsp heavy cream or milk
- 1 tsp vanilla extract
- 2 tbsp mango puree (fresh or store-bought)
- 2 tbsp strawberry puree (fresh or store-bought)
- Optional: a tiny pinch of yellow and red food coloring to enhance colors
How Much Time Will You Need?
This recipe takes about 15 minutes to prepare, 18-22 minutes to bake, plus 20 minutes to cool. Allow extra time for frosting and decorating, around 15-20 minutes. Overall, plan for about 1 hour from start to finish.
Step-by-Step Instructions:
1. Prepare the Cupcake Batter:
Preheat your oven to 350°F (175°C) and line a 12-cup muffin tin with cupcake liners. In a medium bowl, whisk together the flour, baking powder, and salt. In a large bowl, beat the softened butter and sugar on medium speed until light and fluffy, about 3-4 minutes. Add the eggs one at a time, beating well after each, then stir in the vanilla extract.
Alternate adding the dry ingredients and milk to the butter mixture, starting and ending with the dry ingredients. Mix just until combined—don’t overmix. Gently fold in the chopped strawberries and mango puree.
2. Bake and Cool the Cupcakes:
Divide the batter evenly among the cupcake liners, filling each about two-thirds full. Bake for 18-22 minutes, or until a toothpick inserted into the center comes out clean. Let the cupcakes cool in the pan for 5 minutes, then transfer them to a wire rack to cool completely before frosting.
3. Make and Pipe the Tri-Color Frosting:
Beat the butter on medium speed until creamy and pale, about 2 minutes. Gradually add the powdered sugar on low speed until combined. Add the vanilla and heavy cream, then beat on medium-high speed until fluffy.
Divide the frosting into three equal parts. Fold mango puree into one part, strawberry puree into another, and leave the third plain. Add a drop or two of yellow food coloring to the mango frosting and red to the strawberry frosting if you want brighter colors.
To create the tri-color swirl, place each colored frosting side-by-side in a piping bag fitted with a large star tip. Pipe swirls onto each cooled cupcake for a beautiful sunset effect.
4. Serve and Enjoy:
Serve the cupcakes right away, or refrigerate them until ready. If chilled, allow them to come to room temperature before eating for the best texture. These cupcakes make a delightful, fruity treat that’s as lovely to look at as it is to eat!
Can I Use Frozen Strawberries and Mango?
Yes! Just make sure to thaw and drain them well before adding to the batter or frosting. Excess moisture can make the cupcakes soggy or the frosting runny.
How Should I Store Leftover Cupcakes?
Store leftovers in an airtight container in the refrigerator for up to 3 days. Bring to room temperature before serving for the best flavor and texture.
Can I Make the Frosting Without Food Coloring?
Absolutely! The natural color from the mango and strawberry purees is lovely on its own. Food coloring is optional and just helps brighten the swirl effect.
What If I Don’t Have a Piping Bag?
No worries! You can spoon the three frostings side by side into a large zip-top bag, snip a small corner, and pipe from there. It’s an easy way to get the tri-color swirl effect without special equipment.
