Mango Strawberry Sunset Cupcakes

Featured in: Weekend BBQ Favorites

These cupcakes combine fresh mango purée and strawberry jam to deliver a burst of tropical sweetness. The soft batter is topped with a beautifully swirled buttercream, blending mango and strawberry hues to create a vibrant sunset effect. Perfectly balanced in flavor and texture, they’re a delightful treat for warm-weather occasions. Fresh fruit slices add a decorative touch, enhancing both presentation and taste.

Updated on Tue, 09 Dec 2025 12:03:00 GMT
Vibrant Mango Strawberry Sunset Cupcakes in a muffin tin, topped with colorful, swirled frosting. Save
Vibrant Mango Strawberry Sunset Cupcakes in a muffin tin, topped with colorful, swirled frosting. | grilto.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.

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
Delicious Mango Strawberry Sunset Cupcakes with a swirl of sunset-hued frosting, ready to eat. Save
Delicious Mango Strawberry Sunset Cupcakes with a swirl of sunset-hued frosting, ready to eat. | grilto.com

Fresh mango and strawberry adorn the beautiful Mango Strawberry Sunset Cupcakes, a summer dessert. Save
Fresh mango and strawberry adorn the beautiful Mango Strawberry Sunset Cupcakes, a summer dessert. | grilto.com

A delightful tropical treat that brings summer to your table Perfect for celebrations

Recipe Help & Answers

What ingredients create the sunset swirl effect?

The sunset swirl is achieved by dividing buttercream into three portions and mixing mango purée into one, strawberry purée into another, and leaving one plain. These are then piped side-by-side to form the gradient.

How can I ensure the cupcakes stay moist?

Use room-temperature ingredients and avoid overmixing the batter to keep cupcakes tender and moist.

Can I use fresh fruit for the purées?

Yes, ripe fresh mangoes and strawberries provide the best flavor and texture for the purées used in both the batter and frosting.

What is the best way to fill the center with strawberry jam?

After baking and cooling, use a small knife or corer to remove a small center portion of each cupcake, then fill it with about a teaspoon of strawberry jam.

How should these treats be stored?

Store in an airtight container at room temperature for up to 2 days or refrigerate for up to 4 days to keep them fresh.

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

Substituting part of the butter with Greek yogurt can make the cupcakes lighter while maintaining moisture.

Mango Strawberry Sunset Cupcakes

Tropical mango and strawberry cupcakes with a sunset swirl buttercream, ideal for summer celebrations.

Prep Time
20 min
Time to Cook
20 min
Complete Time
40 min
From grilto Jake Turner


Skill Level Medium

Cuisine Style American

Serves 12 Portions

Diet Details Meatless

What You Need

Cupcake Batter

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

Filling

01 ¼ cup strawberry jam (60 milliliters)

Sunset Swirl Buttercream

01 1 cup unsalted butter, softened (227 grams)
02 3 cups powdered sugar (360 grams)
03 2 tablespoons heavy cream or milk (30 milliliters)
04 1 teaspoon vanilla extract
05 2 tablespoons mango purée (30 milliliters)
06 2 tablespoons strawberry purée (30 milliliters)

Optional Garnish

01 Fresh strawberry slices
02 Fresh mango slices

How-To

Step 01

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

Step 02

Mix dry ingredients: In a medium bowl, whisk together the all-purpose flour, baking powder, and salt; set aside.

Step 03

Cream butter and sugar: In a large bowl, beat the softened butter and granulated sugar using an electric mixer until light and fluffy, approximately 2 to 3 minutes.

Step 04

Add eggs and vanilla: Incorporate the eggs one at a time into the butter mixture, beating thoroughly after each addition, then mix in the vanilla extract.

Step 05

Combine wet ingredients: Stir in the milk and mango purée until evenly combined.

Step 06

Fold in dry ingredients: Gradually fold the dry mixture into the wet ingredients, mixing gently until just combined; avoid overmixing to maintain a tender crumb.

Step 07

Fill cupcake liners: Distribute the batter evenly into the 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. Transfer to a wire rack and allow to cool completely.

Step 09

Core and fill: Once cupcakes are cooled, use a small knife or cupcake corer to remove a small center from each and fill each cavity with approximately 1 teaspoon of strawberry jam.

Step 10

Prepare buttercream base: Beat the softened butter until creamy. Gradually add powdered sugar while mixing until smooth.

Step 11

Add flavor and texture: Incorporate vanilla extract and heavy cream (or milk), beating until the mixture is light and fluffy.

Step 12

Divide and color frostings: Split the buttercream evenly into three bowls. Leave one plain. Blend mango purée into the second bowl and strawberry purée into the third to create distinct colors.

Step 13

Prepare piping bag: Place spoonfuls of each colored frosting side-by-side into a large piping bag fitted with a star tip to achieve a sunset swirl effect.

Step 14

Pipe frosting: Pipe swirls of the tri-colored buttercream on top of each cupcake to create a visually striking gradient.

Step 15

Add garnish: Optionally, adorn each cupcake with a fresh slice of strawberry or mango.

Essentials

  • 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 Advisory

Review every component for allergens. Reach out to a health pro if you’re concerned.
  • Contains wheat (gluten), eggs, and dairy (butter, milk).
  • May contain traces of nuts due to shared processing facilities.

Nutrition Details (per portion)

Facts listed here are for your info, not medical advice. Always double-check if needed.
  • Energy: 320
  • Lipids: 15 g
  • Carbohydrates: 45 g
  • Proteins: 3 g