Mango Strawberry Sunset

Featured in: Sweet Desserts

These tropical cupcakes blend fresh mango purée and strawberry jam for a burst of fruity flavor inside. The buttercream frosting features a stunning sunset swirl of creamy mango and strawberry hues that brings vibrant color and rich texture. Soft, moist cake layers combine with rich butter and vanilla to create a perfectly balanced treat. Ideal for summer celebrations or festive occasions, garnished with fresh fruit slices to complete the presentation.

Updated on Tue, 09 Dec 2025 09:48:00 GMT
Mango Strawberry Sunset Cupcakes, with vibrant sunset swirls, strawberry and mango, ready to enjoy. Save
Mango Strawberry Sunset Cupcakes, with vibrant sunset swirls, strawberry and mango, ready to enjoy. | whisknjoy.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.

This recipe has always been a hit at family parties and brings a splash of color and joy to any table.

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:
Preheat oven to 350°F (175°C). Line a 12-cup muffin tin with cupcake liners.
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.
Mix Wet Ingredients:
Stir in the milk and mango purée until combined.
Combine Mixtures:
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.
Fill Cupcakes:
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.
Make Buttercream:
Beat the softened butter until creamy. Gradually add powdered sugar mixing until smooth.
Add Flavors:
Mix in vanilla extract and heavy cream (or milk) until fluffy.
Color Frostings:
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 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.
Freshly baked Mango Strawberry Sunset Cupcakes, topped with sunset buttercream and fresh fruit. Save
Freshly baked Mango Strawberry Sunset Cupcakes, topped with sunset buttercream and fresh fruit. | whisknjoy.com

Sharing these cupcakes with my family always brings smiles and fond memories of joyful 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, Total Fat: 15 g, Carbohydrates: 45 g, Protein: 3 g per serving

Tropical Mango Strawberry Sunset Cupcakes showcasing a beautiful sunset swirl frosting and fruity garnishes. Save
Tropical Mango Strawberry Sunset Cupcakes showcasing a beautiful sunset swirl frosting and fruity garnishes. | whisknjoy.com

These vibrant cupcakes make any occasion special with their tropical flavors and sunset colors.

Recipe FAQ

What ingredients create the sunset swirl frosting?

The swirl frosting is made by dividing classic buttercream and mixing it with mango purée for a yellow-orange shade and strawberry purée for a pink-red hue, then piping them together to achieve a sunset effect.

How is the strawberry filling added?

After baking and cooling, a small center is removed from each cupcake and filled with a teaspoon of strawberry jam to add a fruity surprise inside.

Can I prepare these cupcakes ahead of time?

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

What is a good substitution for butter to lighten the batter?

You can replace part of the butter with Greek yogurt in the batter to reduce fat and add moisture while keeping the texture tender.

What tools are necessary to make these cupcakes?

Essential tools include a muffin tin, cupcake liners, mixing bowls, an electric mixer, spatula, piping bag with a star tip, and a small knife or cupcake corer for filling.

Mango Strawberry Sunset

Tropical cupcakes with mango, strawberry flavors and a vibrant sunset swirl frosting.

Prep duration
20 min
Cook duration
20 min
Complete duration
40 min
Created by Sophia Turner

Classification Sweet Desserts

Skill Level Medium

Cultural Background American

Output 12 Portion Count

Dietary considerations Meat-Free

Components

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

Preparation Steps

Stage 01

Preheat Oven: Preheat the oven to 350°F (175°C) and line a 12-cup muffin tin with liners.

Stage 02

Mix Dry Ingredients: Whisk together flour, baking powder, and salt in a medium bowl; set aside.

Stage 03

Cream Butter and Sugar: Beat softened butter and granulated sugar in a large bowl until light and fluffy, about 2 to 3 minutes.

Stage 04

Incorporate Eggs and Vanilla: Add eggs one at a time, mixing well after each addition, then blend in vanilla extract.

Stage 05

Combine Wet Ingredients: Stir in milk and mango purée until smooth and evenly combined.

Stage 06

Fold in Dry Ingredients: Gently fold the dry mixture into the wet ingredients until just incorporated; avoid overmixing.

Stage 07

Fill Cupcake Liners: Distribute batter evenly into liners, filling each about three-quarters full.

Stage 08

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

Stage 09

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

Stage 10

Prepare Buttercream Base: Beat softened butter until creamy, then gradually add powdered sugar, mixing until smooth.

Stage 11

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

Stage 12

Color the Frosting: Divide frosting evenly into three bowls: leave one plain, blend mango purée into the second, and strawberry purée into the third.

Stage 13

Prepare Sunset Swirl: Place spoonfuls of each colored frosting side-by-side into a piping bag fitted with a star tip to create a gradient effect.

Stage 14

Pipe Frosting: Pipe swirled frosting atop each cupcake forming a sunset gradient.

Stage 15

Garnish: Optionally garnish each cupcake with a fresh slice of strawberry or mango.

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 all ingredients for potential allergens and consult with healthcare professionals if you're unsure about any item.
  • Contains wheat (gluten), eggs, and dairy. May contain traces of nuts due to shared processing facilities.

Nutritional content (each portion)

These values are provided as estimates only and shouldn't replace professional medical guidance.
  • Energy: 320
  • Fats: 15 g
  • Carbohydrates: 45 g
  • Proteins: 3 g