Mango Strawberry Sunset Cupcakes

Featured in: Simple Sweet Treats

These delightful cupcakes feature a moist mango-infused batter filled with sweet strawberry jam centers. Topped with a creamy, beautifully blended sunset swirl buttercream, they offer a perfect balance of tropical flavors. Created with fresh mango and strawberry purees, the frosting provides a vibrant, layered look ideal for summer celebrations. With a medium difficulty level and about 50 minutes total time, these treats are great for festive gatherings or casual indulgence alike.

Updated on Tue, 09 Dec 2025 13:40:00 GMT
A close-up shot of fluffy Mango Strawberry Sunset Cupcakes frosted with a vibrant buttercream swirl. Save
A close-up shot of fluffy Mango Strawberry Sunset Cupcakes frosted with a vibrant buttercream swirl. | olivebriar.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 become a summer favorite at our family parties, always impressing guests with its vibrant look and delicious taste.

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°F (175°C). 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 (23 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.
Fold in dry ingredients:
Gradually fold in the dry ingredients until just incorporated do not overmix.
Fill cupcake liners:
Divide the batter evenly among cupcake liners filling each about ¾ full.
Bake:
Bake for 1820 minutes or until a toothpick inserted into the center comes out clean Cool completely on a wire rack.
Prepare filling:
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 vanilla and cream:
Mix in vanilla extract and heavy cream (or milk) until fluffy.
Divide and color frosting:
Divide the frosting evenly into three bowls Leave one plain (white/vanilla) Mix mango purée into the second bowl (yelloworange) Mix strawberry purée into the third bowl (pinkred).
Create sunset swirl:
Add spoonfuls of each colored frosting sidebyside 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.
Pin it
| olivebriar.com

My family loves gathering around to decorate these cupcakes together, creating beautiful swirls and enjoying the tropical flavors.

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 from processing facilities. 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

These delicious Mango Strawberry Sunset Cupcakes feature a bright sunset swirl and fresh fruit garnish. Pin it
These delicious Mango Strawberry Sunset Cupcakes feature a bright sunset swirl and fresh fruit garnish. | olivebriar.com

This recipe adds a tropical twist to classic cupcakes perfect for any celebration.

Frequently Asked Questions

What gives the cupcakes their tropical flavor?

The tropical essence comes from fresh or canned mango purée in the batter and buttercream, complemented by strawberry purée in the filling and frosting.

How is the sunset swirl effect created?

Three frostings are colored naturally with mango and strawberry purées and piped side-by-side through a star tipped bag to form the sunset swirl.

Can these cupcakes be made ahead?

Yes, they can be stored in an airtight container at room temperature for 2 days or refrigerated for up to 4 days, maintaining freshness and flavor.

Are there any allergy considerations?

These cupcakes contain wheat, eggs, and dairy. Those with allergies should check ingredient processing information carefully.

Can the butter be substituted for a lighter option?

A lighter batter can be made by replacing part of the butter with Greek yogurt while maintaining moisture and texture.

Mango Strawberry Sunset Cupcakes

Tropical-inspired cupcakes combining fresh mango and strawberry with a stunning sunset swirl frosting.

Prep Time
20 Minutes
Cook Time
20 Minutes
Total Time
40 Minutes


Difficulty: Medium

Cuisine: American

Yield: 12 servings

Dietary: Vegetarian

Ingredients

Cupcake Batter

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

Filling

01 ¼ cup strawberry jam (60 ml)

Sunset Swirl Buttercream

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

Optional Garnish

01 Fresh strawberry slices
02 Fresh mango slices

Instructions

Step 01

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

Step 02

Mix Dry Ingredients: In a medium bowl, whisk together all-purpose flour, baking powder, and salt. Set aside.

Step 03

Cream Butter and Sugar: In a large bowl, cream softened unsalted butter with granulated sugar until light and fluffy, about 2 to 3 minutes.

Step 04

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

Step 05

Combine Liquids: Stir in milk and mango purée until evenly combined.

Step 06

Fold in Dry Ingredients: Gradually fold the dry ingredients into the wet mixture until just incorporated, avoiding overmixing.

Step 07

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

Step 08

Bake and Cool: Bake for 18 to 20 minutes, or until a toothpick inserted in the center comes out clean. Transfer to a wire rack and cool completely.

Step 09

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

Step 10

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

Step 11

Add Flavor and Texture: Mix in vanilla extract and heavy cream until the frosting is fluffy.

Step 12

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

Step 13

Create Sunset Swirl: Spoon each colored frosting side-by-side into a large piping bag fitted with a star tip.

Step 14

Decorate Cupcakes: Pipe swirls of frosting onto each cupcake, creating a sunset gradient effect.

Step 15

Garnish: Top each cupcake with a slice of fresh strawberry or mango if desired.

Tools You'll Need

  • 12-cup muffin tin
  • Cupcake liners
  • Mixing bowls
  • Electric mixer (hand or stand)
  • Spatula
  • Large piping bag with star tip
  • Small knife or cupcake corer
  • Wire cooling rack

Allergy Information

Please check ingredients for potential allergens and consult a health professional if in doubt.
  • Contains wheat (gluten), eggs, and dairy (milk).
  • May contain traces of nuts due to cross-contamination.

Nutrition Facts (Per Serving)

It is important to consider this information as approximate and not to use it as definitive health advice.
  • Calories: 320
  • Total Fat: 15 g
  • Total Carbohydrate: 45 g
  • Protein: 3 g