If you are craving a bright, sweet treat that bursts with vibrant flavors and eye-catching colors, look no further than this Mango Strawberry Sunset Cupcakes Recipe. Perfectly moist cupcakes are infused with luscious mango purée and crowned with a swirl of mango and strawberry-flavored frosting, making every bite a delightful celebration of fruity goodness. Whether you’re baking for a sunny afternoon gathering or a special occasion, this recipe effortlessly blends tropical sweetness with familiar berry notes, creating a dessert that’s as beautiful as a sunset and absolutely irresistible.

Ingredients You’ll Need
It’s amazing how a handful of simple ingredients can come together to create such an extraordinary cupcake experience. Each component plays a key role in delivering that perfect balance of texture, flavor, and color that makes the Mango Strawberry Sunset Cupcakes Recipe so special.
- 1 cup all-purpose flour: The foundation that gives your cupcakes structure and a tender crumb, with a gluten-free alternative if needed.
- 1 tsp baking powder: Essential for a light and fluffy rise in every cupcake.
- 1/2 tsp salt: Enhances all the sweet flavors while balancing the fruitiness.
- 1/2 cup butter (softened): Adds richness and moisture; vegan butter works well for dairy-free options.
- 1 cup granulated sugar: Sweetens evenly, but you can swap for coconut sugar for a subtle caramel note.
- 2 large eggs: Provide structure and richness, with flaxseed meal as a vegan alternative.
- 2 tsp vanilla extract: Boosts overall flavor and aroma, almond extract offers a lovely twist.
- 1/2 cup milk: Keeps the batter smooth and tender; plant-based milks are great substitutes.
- 1/2 cup mango purée: Brings natural tropical sweetness and gorgeous golden color to the cupcakes.
- 1/4 cup strawberry jam: Adds a burst of fruity contrast hidden right in the center.
- 2 cups powdered sugar: The sweet and silky base for the luscious frosting.
- 1/2 cup heavy cream: Whipped to create a creamy, dreamy frosting; coconut cream works for dairy-free frosting too.
How to Make Mango Strawberry Sunset Cupcakes Recipe
Step 1: Prepare Your Oven and Tools
Start by preheating your oven to 350°F (175°C). Line a muffin tin with cupcake liners to ensure your cupcakes come out perfectly shaped and easy to handle.
Step 2: Mix the Dry Ingredients
In a medium bowl, whisk together the all-purpose flour, baking powder, and salt. This ensures everything is evenly combined and ready to give your cupcakes the ideal texture.
Step 3: Cream Butter and Sugar
In a separate bowl, beat the softened butter and granulated sugar until the mixture is light and fluffy. This step is crucial for a tender crumb and gives your cupcakes a lovely lift.
Step 4: Add Eggs, Vanilla, Milk, and Mango Purée
Beat in the eggs and vanilla extract one at a time, then pour in the milk and mango purée. These wet ingredients bring moisture, richness, and that signature mango flavor to your cupcakes.
Step 5: Combine Wet and Dry Ingredients
Gradually add the flour mixture to the wet mixture. Stir gently until just combined—overmixing can make the cupcakes dense, so a light hand here preserves that soft, tender texture.
Step 6: Fill and Bake
Spoon the batter into the cupcake liners, filling each about three-quarters full to give them room to rise beautifully. Bake for 18 to 20 minutes until a toothpick inserted comes out clean.
Step 7: Cool and Fill
Once baked, let the cupcakes cool on a wire rack. When cooled, hollow out a small center portion and fill it with the luscious strawberry jam to surprise your guests with a sweet, fruity core.
Step 8: Prepare the Frosting
Whip the softened butter until creamy, then gradually beat in powdered sugar, vanilla extract, and heavy cream until you reach a smooth and fluffy consistency perfect for piping.
Step 9: Create Sunset Swirls
Divide the frosting evenly into two bowls. Mix mango purée into one and strawberry purée into the other. Using a piping bag, carefully swirl the two frostings onto each cupcake, creating that beautiful sunset effect.
Step 10: Garnish and Enjoy
Top your cupcakes with fresh fruit slices to add a fresh, vibrant touch that complements the fruity flavors and makes them picture-perfect.
How to Serve Mango Strawberry Sunset Cupcakes Recipe

Garnishes
Fresh mango and strawberry slices or tiny mint leaves add a pop of color and freshness, enhancing the tropical vibe of these cupcakes while making them look irresistible on any dessert table.
Side Dishes
These cupcakes pair wonderfully with a light, chilled fruit salad or a crisp herbal iced tea to keep the experience refreshing and not overly sweet.
Mango Strawberry Sunset Cupcakes Recipe Presentation Ideas
Try serving these cupcakes on a bright, tropical-themed platter or arrange them in a tiered stand for a festive celebration. For a charming twist, place each cupcake in a small paper flower cup or add edible gold leaf for extra sparkle.
Make Ahead and Storage
Storing Leftovers
Place leftover cupcakes in an airtight container and keep them refrigerated for up to 3 days. This will keep the frosting fresh and the cake moist without drying out.
Freezing
You can freeze unfrosted cupcakes wrapped tightly in plastic wrap and placed in a freezer bag for up to 2 months. Thaw at room temperature before frosting and serving to maintain their fresh-baked texture and flavor.
Reheating
If you want to enjoy your cupcakes slightly warm, briefly microwave them for 10 to 15 seconds. Avoid overheating to maintain the delicate texture and prevent melting the frosting.
FAQs
Can I use other fruit purees instead of mango?
Absolutely! Peach or apricot purée works beautifully as a substitute in this Mango Strawberry Sunset Cupcakes Recipe, offering a similar sweet and vibrant profile.
Is there a vegan way to make these cupcakes?
Yes, you can swap eggs with flaxseed meal mixed with water and use vegan butter along with plant-based milk and cream alternatives to make this recipe fully vegan-friendly.
How do I prevent the frosting colors from mixing too much?
Use separate piping bags for mango and strawberry frostings or pipe one color at a time carefully. Chilling the frosting beforehand can also help maintain crisp swirl lines.
Can I make these cupcakes gluten-free?
Definitely. Just substitute all-purpose flour with a gluten-free blend that’s suitable for baking, and you’ll still get a light and tender cupcake.
What is the secret to getting the cupcake center perfect for filling?
Allow the cupcakes to cool completely before hollowing out the centers to avoid crumbling. Use a small spoon or cupcake corer to create uniform holes for the strawberry jam filling.
Final Thoughts
It’s truly a joy to bake and share the Mango Strawberry Sunset Cupcakes Recipe with friends and family because it combines fun, flavor, and a dazzling presentation that brightens any occasion. Once you’ve tasted these cupcakes, with their tender crumb and sunny frosting swirls, you’ll find yourself reaching for this recipe time and time again.
Print
Mango Strawberry Sunset Cupcakes Recipe
- Prep Time: 15 minutes
- Cook Time: 20 minutes
- Total Time: 50 minutes
- Yield: 12 servings
- Category: Dessert
- Method: Baking
- Cuisine: American
- Diet: Vegetarian
Description
Mango Strawberry Sunset Cupcakes are a delightful and vibrant treat combining the tropical sweetness of mango with the tangy burst of strawberry. Featuring a moist, fluffy cupcake base infused with mango purée and topped with a dual-flavored frosting swirled in mango and strawberry hues, these cupcakes are perfect for any occasion and sure to impress with their colorful presentation and irresistible flavor balance.
Ingredients
Cupcake Batter
- 1 cup all-purpose flour (substitute with gluten-free flour for gluten-free option)
- 1 tsp baking powder (ensure freshness for optimal rise)
- 1/2 tsp salt (use sea salt for a nuanced taste)
- 1/2 cup butter, softened (can be replaced with vegan butter for dairy-free version)
- 1 cup granulated sugar (coconut sugar can be used for a lower glycemic index alternative)
- 2 large eggs (for vegan option, use flaxseed meal mixed with water)
- 2 tsp vanilla extract (substitute with almond extract for different profile)
- 1/2 cup milk (substitute with plant-based milk for dairy-free)
- 1/2 cup mango purée (can use peach or apricot purée if mango is unavailable)
Filling
- 1/4 cup strawberry jam (use any berry jam for variety)
Frosting
- 2 cups powdered sugar (can replace with powdered erythritol for sugar-free option)
- 1/2 cup heavy cream (use coconut cream for dairy-free frosting or milk for lighter option)
- Softened butter (amount approximately 1/2 cup or about 1 stick, for creaming prior to adding sugar)
- Vanilla extract (1 tsp for frosting)
- Mango purée (for tinting)
- Strawberry purée (for tinting)
Instructions
- Preheat Oven : Preheat your oven to 350°F (175°C). Line a muffin tin with cupcake liners to prepare for baking.
- Combine Dry Ingredients : In a medium bowl, whisk together the all-purpose flour, baking powder, and salt until well mixed.
- Cream Butter and Sugar : In another bowl, beat the softened butter and granulated sugar together until the mixture is light and fluffy, about 3 to 5 minutes.
- Add Wet Ingredients : Mix in the eggs and vanilla extract to the butter-sugar mixture, followed by the milk and mango purée, combining thoroughly.
- Incorporate Dry Ingredients : Gradually add the flour mixture to the wet ingredients, stirring gently until just combined to avoid overmixing.
- Fill Cupcake Liners : Spoon the batter into the prepared cupcake liners, filling each about ¾ full to allow room for rising.
- Bake : Place the muffin tin in the preheated oven and bake for 18 to 20 minutes, or until a toothpick inserted in the center comes out clean.
- Cool and Fill : Remove the cupcakes from the oven and let them cool on a wire rack. Once cooled, carefully fill the centers with strawberry jam using a small spoon or piping tool.
- Prepare Frosting : Beat softened butter until creamy. Gradually add powdered sugar, vanilla extract, and heavy cream while continuing to beat until smooth and fluffy.
- Tint Frosting : Divide the frosting evenly into two bowls. Stir mango purée into one bowl and strawberry purée into the other to create two colorful frostings.
- Decorate Cupcakes : Using a piping bag, swirl both tinted frostings onto each cupcake to create a sunset effect. Garnish with fresh fruit slices if desired for enhanced presentation.
Notes
- For a gluten-free version, substitute all-purpose flour with a gluten-free flour blend.
- Use vegan butter and flaxseed egg replacement for a dairy-free and vegan friendly cupcake.
- Adjust sweetness by opting for coconut sugar or powdered erythritol.
- Ensure the butter is softened for easier creaming and smoother frosting texture.
- Fresh fruit slices, such as mango or strawberry, can be used to garnish for an appealing look.
- Do not overmix the batter to maintain cupcake fluffiness.
- Use fresh or thawed fruit purées for best flavor and color in frosting.

