I still remember that humid summer evening when I first piped a three-color swirl onto a simple cupcake and watched everyone lean in, delighted by the bright mango aroma and silky frosting. I’ve made these mango strawberry sunset cupcakes countless times since; the fruity jam center pops against a tender, buttery crumb. They’re straightforward enough for weekday baking but stunning enough for a party, and they take only the preparation and bake times implied here.
These small cakes are special because of the layered textures and the sunset swirl: a soft vanilla base perfumed with mango purée, a glossy strawberry jam surprise, and a velvety three-tone buttercream. If you want a joyful dessert for a picnic, birthday, or warm-weather gathering, these are for you. For more ideas that pair well with party baking, see this party food ideas resource. Trust touch: using ½ cup unsalted butter (softened) at room temperature helps the batter cream properly and yields a lighter crumb.
Why you’ll love mango strawberry sunset cupcakes
- Bright, tropical flavor with a jammy center.
- Visual wow with a three-color swirl.
- Reliable, simple technique for home bakers.
- Frostable and make-ahead friendly for parties.
- Uses pantry-friendly ingredients and one muffin tin.
"The colors and flavors were an instant hit at my summer brunch."
How this recipe comes together
A tender vanilla-mango batter is creamed, mixed, and portioned into liners, then baked until golden and set. After cooling, each cupcake gets a jam-filled center and a fluffy three-tone buttercream piped side-by-side for a sunset swirl. The process is straightforward and yields consistent, showy results.
What you’ll need for mango strawberry sunset cupcakes
- 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)
- ¼ cup strawberry jam (for filling)
- 1 cup unsalted butter (for frosting, softened)
- 3 cups powdered sugar
- 2 tbsp heavy cream (or milk)
- 1 tsp vanilla extract (for frosting)
- 2 tbsp mango purée (for frosting)
- 2 tbsp strawberry purée (for frosting)
Ingredient notes & swaps:
- Role call: flour gives structure, baking powder leavens, and butter adds tenderness and flavor.
- Swap idea: heavy cream (or milk) can be used in the frosting as listed for a looser texture.
- Allergen callout: this recipe includes eggs, milk, and wheat; substitute carefully for allergies.
- Mango purée: fresh or canned works; canned will give a bright, consistent color and flavor.
How to make mango strawberry sunset cupcakes
Start by prepping your pan and combining dry and wet components; the process moves quickly once you cream the butter and sugar. The steps below keep things organized and predictable.
- Preheat oven to 350°F (175°C). Line a muffin tin with cupcake liners.
- In a bowl, whisk together flour, baking powder, and salt.
- In another bowl, cream butter and sugar until light and fluffy.
- Beat in eggs and vanilla. Mix in milk and mango purée.
- Slowly add dry ingredients until just combined.
- Fill cupcake liners ¾ full and bake for 18–20 minutes, until golden and set. Let cool completely.
- Once cooled, use a piping bag or small knife to fill each cupcake center with strawberry jam.
- Beat butter until creamy. Add powdered sugar gradually.
- Mix in vanilla and heavy cream until smooth and fluffy.
- Divide frosting into three bowls: one plain (white/vanilla), one mixed with mango purée (yellow-orange), and one mixed with strawberry purée (pink-red).
- Add each color side-by-side in a piping bag to create a “sunset swirl” effect.
- Pipe frosting onto cupcakes in swirls. Optional: Garnish with a small slice of strawberry or mango for extra flair.
Pro Tip: For the cleanest jam-filled centers, scoop out a small cone of cake with a small melon baller and refill with strawberry jam; the remaining cake makes a tidy lid.
Visual doneness cues: look for golden tops and a spring-back texture when lightly pressed; a toothpick inserted near the center should come out with a few moist crumbs but no wet batter. You should also smell a gentle scent of butter and mango when they’re near done.

Helpful cooking tips
- Use room-temperature eggs and ½ cup unsalted butter (softened) for even creaming.
- Don’t overmix after adding dry ingredients; stop when streaks disappear.
- Fill liners ¾ full to get a modest dome without overflow.
- Pipe frosting from the center outward for neat swirls.
- Chill the frosting slightly if it becomes too soft while piping.
Best ways to enjoy it
Serve these cupcakes slightly cool so the frosting keeps its shape and the jam remains gooey. They pair well with plain brewed tea or a citrusy sparkling beverage to cut the sweetness. Plate them on a simple white platter so the sunset swirl pops; add a single thin mango slice for an elegant finish.
How to store & freeze
Store frosted cupcakes in a single layer in the fridge to keep the buttercream stable. Unfrosted cupcakes freeze well; thaw completely before filling and frosting. Food safety: refrigerate leftovers within 2 hours; reheat until steaming hot if you warm them.
How to fix common issues
- Dry crumb: next time, ensure you measure flour accurately and stop mixing early. A touch more milk can rescue slightly dry batter.
- Flat tops: batter may have been overmixed or the oven was not fully preheated.
- Soggy jam center: don’t overfill; use a smaller amount of jam or brush the hole edges with a dab of frosting to seal.
- Separated frosting: beat more powdered sugar in gradually; chill briefly and re-whip.
Creative twists
- Optional: fold a tablespoon of finely chopped mango into the batter for extra texture.
- Optional: use a different jam in the center, such as raspberry, if you want a tart contrast.
- Optional: add a citrus zest to the batter or frosting for bright lift without changing other amounts.
Your questions answered
Q: Can I use frozen mango for the purée?
A: Yes; thaw and strain frozen mango before pureeing to remove excess water. Use the listed ¼ cup mango purée in the batter and 2 tbsp for the frosting as directed.
Q: How do I get distinct color bands in the frosting?
A: Divide the buttercream into three bowls and mix each gently. Load the three colors side-by-side in a piping bag so they exit together and form a sunset swirl.
Q: Will the jam make cupcakes soggy if I fill too early?
A: Fill cooled cupcakes only; the recipe directs letting them cool completely before adding jam. Warm cake plus jam can cause sogginess.
Q: Can I make the cupcakes ahead?
A: Bake the cupcakes and keep them unfrosted in an airtight container until ready. Follow the Method to fill and frost shortly before serving for the best texture.
Q: Is there an egg-free substitute for 2 large eggs?
A: Egg replacements vary; if you choose to replace eggs, test a reliable egg substitute that works in a 2-egg equivalence and expect textural differences.
Conclusion
For a bright, crowd-pleasing finish to a meal, these cupcakes pair beautifully with a small savory bite such as Strawberry Hazelnut Crostini – Mayuri’s Jikoni, which echoes the fruit-forward theme and adds a crunchy contrast.

Mango Strawberry Sunset Cupcakes
Ingredients
Method
- Preheat oven to 350°F (175°C). Line a muffin tin with cupcake liners.
- In a bowl, whisk together flour, baking powder, and salt.
- In another bowl, cream butter and sugar until light and fluffy.
- Beat in eggs and vanilla. Mix in milk and mango purée.
- Slowly add dry ingredients until just combined.
- Fill cupcake liners ¾ full and bake for 18-20 minutes, until golden and set. Let cool completely.
- Once cooled, use a piping bag or small knife to fill each cupcake center with strawberry jam.
- Beat butter until creamy. Add powdered sugar gradually.
- Mix in vanilla and heavy cream until smooth and fluffy.
- Divide frosting into three bowls: one plain, one mixed with mango purée, and one mixed with strawberry purée.
- Add each color side-by-side in a piping bag to create a 'sunset swirl' effect.
- Pipe frosting onto cupcakes in swirls and garnish if desired.