This post may contain affiliate links. As an Amazon Associate, we earn from qualifying purchases. We only recommend products we trust.
If you are looking for a dessert that captures the vibrant colors and refreshing flavors of a summer evening, these Mango Strawberry Sunset Cupcakes are the ultimate choice. This recipe combines the tropical sweetness of sun-ripened mangos with the classic tartness of fresh strawberries. The name comes from the stunning visual effect of the two-tone frosting, which mimics the warm oranges and pinks of a coastal sunset.

The beauty of these fruit swirl cupcakes is that they rely on real fruit purees rather than artificial syrups. By incorporating fresh fruit into both the batter and the buttercream, you achieve a moist, tender crumb and a frosting that tastes remarkably fresh. These are the perfect centerpiece for a summer luau, a poolside birthday party, or a vibrant weekend brunch.
Table of Contents
Why You’ll Love These Cupcakes
- Visually Stunning: The piped “sunset swirl” makes these cupcakes look like they came from a high-end boutique bakery.
- Double Fruit Flavor: Features real mango and strawberry purees for an authentic tropical taste.
- Moist & Tender: The addition of fruit puree to the batter ensures a soft sponge that stays fresh for days.
- 100% Customizable: You can adjust the intensity of the “sunset” colors using natural fruit reductions or a drop of food coloring.
Ingredients
The Sunset Cupcakes
- 1 ½ cups All-purpose Flour
- 1 cup Granulated Sugar
- 1 ½ tsp Baking Powder
- ¼ tsp Salt
- ½ cup Unsalted Butter, softened
- 1 Large Egg, room temperature
- ½ cup Whole Milk
- ¼ cup Mango Puree (fresh or canned)
- ¼ cup Strawberry Puree (strained to remove seeds)
- 1 tsp Vanilla Extract
The Two-Tone Buttercream
- 1 ½ cups (3 sticks) Unsalted Butter, softened
- 4–5 cups Powdered Sugar, sifted
- 2 Tbsp Mango Puree (thickened)
- 2 Tbsp Strawberry Puree (thickened)
- 1 tsp Fresh Lime Juice (to brighten the flavors)
- Optional: Orange and pink gel food coloring for extra vibrancy
Instructions
1. Prepare the Fruit Purees
Blend fresh mango and strawberries separately. For the frosting, simmer the purees in small pans for 5–8 minutes until they thicken into a paste-like consistency. This prevents the buttercream from becoming too runny. Let cool completely.
2. Mix the Batter
Preheat your oven to 350°F (175°C) and line a cupcake tin. In a large bowl, beat the butter and sugar until fluffy. Add the egg and vanilla. Alternating with the milk, add the flour, baking powder, and salt.
3. Create the Swirl
Divide the batter into two bowls. Stir the mango puree into one and the strawberry puree into the other. Spoon a dollop of each color into the cupcake liners and use a toothpick to gently swirl them together to create a “sunset” effect in the cake.
4. Bake
Bake for 18–22 minutes until the tops spring back. Let them cool completely on a wire rack.
5. Prep the Two-Tone Frosting
Whip the butter and powdered sugar until light. Divide the frosting into two bowls. Mix the mango reduction into one and the strawberry reduction into the other.
6. The Sunset Pipe
Fit a piping bag with a large star tip. Spoon the mango frosting down one side of the bag and the strawberry frosting down the other side. Pipe in a circular motion to create a beautiful orange-and-pink swirl.

Expert Tips for Success
- Thicken the Purees: If you add raw fruit juice to buttercream, it will likely break or curdle. Reducing the purees on the stove is essential for a stable, pipeable frosting.
- Seedless is Better: Always strain the strawberry puree through a fine-mesh sieve. Strawberry seeds can clog your piping tips and ruin the smooth look of the “sunset.”
- Don’t Over-Swirl: When swirling the batter, only do 1 or 2 loops with the toothpick. If you mix too much, the colors will turn into a muddy brown instead of a distinct swirl.
- Room Temperature: Ensure your egg and milk are not cold. Room temperature ingredients emulsify better, resulting in a fluffier cupcake.
For the ultimate collection of boutique-style sweets and party-ready treats, don’t miss our master guide to the 20 gourmet cupcake recipes to try in 2026!
Variations
- Mango Strawberry Filled: Core the center of the cupcakes and fill with a mixture of diced mangos and strawberries before frosting.
- Tropical Lime Twist: Add 1 tablespoon of lime zest to the batter for a “Margarita” style kick.
- Sunset Layer Cake: This recipe can be doubled to make a 2-layer 8-inch cake with the same sunset swirl effect.
- Vegan Option: Use plant-based butter, a flax egg, and coconut milk for a delicious dairy-free tropical treat.
FAQ: Mango Strawberry Sunset Cupcakes
Q: Can I use frozen fruit? A: Yes. Frozen mango and strawberries work perfectly for the purees. Just be sure to thaw them first and drain any excess water before blending.
Q: Why is my frosting separate/curdled? A: This usually happens if the fruit puree was still warm when added to the butter. Chill the mixture for 20 minutes and whip again on high speed to bring it back together.
Q: How do I store these? A: Store in an airtight container in the refrigerator for up to 4 days. Let them sit at room temperature for 15 minutes before serving for the best texture.
Q: Can I use mango nectar instead of puree? A: Nectar is too thin and contains a lot of added sugar. For the best flavor and texture, stick with a puree made from real fruit.

Mango Strawberry Sunset Cupcakes
Equipment
- Cupcake Pan
- Mixing bowls
- Electric mixer
- Blender
- Piping Bag and Star Tip
Ingredients
- 1 ½ cups all-purpose flour
- 1 cup granulated sugar
- 1 ½ tsp baking powder
- ¼ tsp salt
- ½ cup unsalted butter, softened
- 1 large egg, room temperature
- ½ cup whole milk
- ¼ cup mango puree
- ¼ cup strawberry puree, strained
- 1 tsp vanilla extract
- 1 ½ cups unsalted butter, softened (for frosting)
- 4–5 cups powdered sugar, sifted
- 2 Tbsp thick mango puree (reduced)
- 2 Tbsp thick strawberry puree (reduced)
- 1 tsp fresh lime juice
Instructions
- Blend mango and strawberries separately. For frosting, simmer purees for 5–8 minutes until thick and paste-like. Cool completely.
- Preheat oven to 350°F (175°C) and line a cupcake tin. Beat butter and sugar until fluffy. Add egg and vanilla. Alternately add dry ingredients and milk.
- Divide batter in half. Mix mango puree into one bowl and strawberry puree into the other. Spoon both batters into liners and gently swirl with a toothpick.
- Bake for 18–22 minutes until tops spring back. Cool completely on a wire rack.
- Whip butter and powdered sugar until light. Divide frosting into two bowls. Mix mango reduction into one and strawberry reduction into the other. Add lime juice.
- Fill a piping bag with mango frosting on one side and strawberry frosting on the other. Pipe swirls using a large star tip.