Mango Strawberry Sunset

Featured in: Sweet Tooth Fix

This dessert features a tender batter infused with mango purée and a sweet strawberry jam center. The highlight is a vibrant sunset swirl buttercream combining mango and strawberry purées for a striking visual. Perfect for summer gatherings, these cupcakes balance tropical fruit flavors with creamy richness. Simple prep and baking steps yield a festive treat garnished with fresh fruit slices for added color and freshness.

Updated on Tue, 09 Dec 2025 14:39:00 GMT
Mango Strawberry Sunset Cupcakes, frosted with a swirl of sunset colored buttercream, ready to enjoy. Save
Mango Strawberry Sunset Cupcakes, frosted with a swirl of sunset colored buttercream, ready to enjoy. | tastyeffect.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.

I first served these cupcakes at a family summer picnic and they were an instant hit with everyone.

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

Preheat Oven:
Preheat oven to 350℉ (175℃). Line a 12-cup muffin tin with cupcake liners.
Mix Dry Ingredients:
In a medium bowl, whisk together the flour, baking powder, and salt. Set aside.
Cream Butter and Sugar:
In a large bowl, cream the softened butter and sugar until light and fluffy (2–3 minutes).
Add Eggs and Vanilla:
Add eggs one at a time, beating well after each addition. Mix in vanilla extract.
Combine Wet Ingredients:
Stir in the milk and mango purée until combined.
Combine Dry and Wet:
Gradually fold in the dry ingredients until just incorporated; do not overmix.
Fill Liners:
Divide the batter evenly among cupcake liners, filling each about ¾ full.
Bake:
Bake for 18–20 minutes, or until a toothpick inserted into the center comes out clean. Cool completely on a wire rack.
Core and Fill:
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.
Prepare Buttercream:
For the buttercream, beat the softened butter until creamy. Gradually add powdered sugar, mixing until smooth.
Add Flavor to Buttercream:
Mix in vanilla extract and heavy cream (or milk) until fluffy.
Divide Frosting:
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).
Create Sunset Swirl:
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.
Pipe Frosting:
Pipe swirls of frosting onto each cupcake, creating a sunset gradient.
Garnish:
Garnish with a slice of strawberry or mango, if desired.
Fresh mango and strawberry slices adorn these beautiful Mango Strawberry Sunset Cupcakes in a close-up. Save
Fresh mango and strawberry slices adorn these beautiful Mango Strawberry Sunset Cupcakes in a close-up. | tastyeffect.com

My family loves gathering around to enjoy these cupcakes, especially during summer celebrations.

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 per serving. Total Fat: 15 g. Carbohydrates: 45 g. Protein: 3 g.

Golden baked Mango Strawberry Sunset Cupcakes, filled with strawberry jam, showcase a dreamy sunset frosting. Save
Golden baked Mango Strawberry Sunset Cupcakes, filled with strawberry jam, showcase a dreamy sunset frosting. | tastyeffect.com

These cupcakes combine vibrant flavors and stunning presentation to delight any crowd.

Recipe FAQ

What ingredients highlight the tropical flavors?

Fresh or canned mango purée and strawberry jam create the bright, fruity taste in both the batter and filling.

How is the sunset swirl effect achieved?

Three batches of buttercream are tinted with mango and strawberry purées, then piped side-by-side to create a colorful gradient swirl.

What is the recommended baking temperature and time?

Bake in a preheated oven at 350°F (175°C) for 18–20 minutes until a toothpick comes out clean.

Can these cupcakes be made ahead?

Yes, store them in an airtight container at room temperature for up to 2 days or refrigerate for 4 days to maintain freshness.

Are there suggestions for ingredient substitutions?

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

Mango Strawberry Sunset

Tropical mango and strawberry combine in a colorful sunset swirl for a summer crowd-pleaser.

Prep duration
20 min
Cook duration
20 min
Complete duration
40 min
Created by Laura Bennett


Skill level Medium

Heritage American

Output 12 Portions

Dietary requirements Meat-free

Components

Cupcake Batter

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

Filling

01 1/4 cup strawberry jam

Sunset Swirl Buttercream

01 1 cup unsalted butter, softened
02 3 cups powdered sugar
03 2 tablespoons heavy cream (or milk)
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

Phase 01

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

Phase 02

Combine dry ingredients: In a medium bowl, whisk together flour, baking powder, and salt. Set aside.

Phase 03

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

Phase 04

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

Phase 05

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

Phase 06

Mix dry and wet ingredients: Gradually fold in the dry ingredients until just incorporated; avoid overmixing.

Phase 07

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

Phase 08

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

Phase 09

Core cupcakes and add filling: Once cooled, remove a small center from each cupcake using a knife or corer and fill each cavity with approximately 1 teaspoon strawberry jam.

Phase 10

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

Phase 11

Add flavor and cream: Mix in vanilla extract and heavy cream or milk until the frosting is fluffy.

Phase 12

Divide and color frosting: Split frosting into three portions: leave one plain, fold mango purée into the second, and strawberry purée into the third.

Phase 13

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

Phase 14

Pipe frosting: Pipe swirls onto each cupcake to achieve a sunset gradient appearance.

Phase 15

Add garnish: Optionally decorate with fresh strawberry or mango slices.

Necessary 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

Allergy details

Review each component for potential allergens and seek professional healthcare advice if uncertain.
  • Contains wheat (gluten), eggs, and dairy (milk).
  • May contain traces of nuts due to shared processing facilities.

Nutritional information (per portion)

These values are approximate guides only and shouldn't replace professional medical consultation.
  • Energy: 320
  • Fats: 15 g
  • Carbohydrates: 45 g
  • Proteins: 3 g