Why you'll love this recipe
- 30‑minute prep makes it quick
- Crowd‑pleaser with vibrant colors
- Make‑ahead friendly for parties
- Kid‑approved sweet‑tart combo
- Gluten‑free option available
I still remember the first time I sliced into one of these cupcakes: the knife glided through the soft crumb, and a burst of strawberry jam oozed out like sunrise spilling over the sea. My niece squealed, "It’s like eating a beach!" and I knew I’d captured a moment worth sharing. A few weeks later, after a rainy Thursday, I baked a batch for my remote‑working team. We opened a video call, and as soon as they saw the vibrant swirls, the chat filled with emojis of suns and palms. The cupcakes turned a mundane meeting into a mini‑vacation, and that’s the magic I love creating.
The story
The kitchen fills with the sweet perfume of ripe mango and fresh strawberry as the cupcakes rise, their tops turning a buttery gold. A swirl of pink and orange frosting beckons, promising a bite that tastes like a sunset on a tropical beach. You can almost hear the gentle surf with every forkful.
I first discovered this recipe at my aunt's beach house, where the scent of mango blended with salty sea air and she handed me a warm cupcake still steaming from the oven. The moment the frosting melted on my tongue, I knew I had to bring that sunshine back to my own kitchen. It’s become my go‑to treat for any gathering that needs a burst of color.
What sets this version apart is the double‑layered frosting trick: a neutral buttercream base split and tinted with pure mango and strawberry purées, creating a vivid sunrise effect without artificial colors. The hidden strawberry jam center adds a surprise burst of tang that most recipes miss, and the use of real fruit purées keeps the flavor authentic.
Each bite starts with a soft, tender crumb that’s lightly sweet, then the buttery richness of the buttercream swirls in, followed by a tangy jam surprise that cuts through the sweetness. The mango frosting offers a tropical, buttery silk, while the strawberry swirl adds a bright, slightly tart contrast, finishing with a delicate crumbly edge from the vanilla‑kissed cake.
These cupcakes shine as the centerpiece of a brunch spread, a playful finish to a weekend dinner, or a bright addition to a picnic basket. Pair them with a chilled glass of rosé or a tropical mocktail, or serve alongside fresh fruit salad for a balanced sweet‑savory tableau. They also travel well for potlucks, holding their shape and flavor for hours.
Don’t let the multi‑step frosting intimidate you; the batter is a classic butter‑cream cake that comes together with simple creaming and gentle folding. The jam center is just a spoonful, and the color‑splitting can be done in any ordinary mixing bowl. With a little prep, you’ll have a bakery‑level dessert in under an hour.
I’ve baked this batch four times—each time my kids devoured three each and begged for the recipe. My sister swears the mango frosting tastes like a vacation, and even my skeptical neighbor claimed she’d never be a cupcake fan again. Now it’s my secret weapon for turning any ordinary gathering into a tropical celebration.
Why This Recipe Works
- Creaming butter and sugar incorporates air for a light, fluffy crumb.
- Separating frosting into color‑specific bowls prevents flavor bleed and gives vivid swirls.
- Creating a jam well after baking lets the center stay juicy without sogging the cake.
Ingredient notes & substitutions
All-Purpose Flour
Creates a tender crumb while providing structure for the cupcakes.
Unsalted Butter
Adds richness and helps achieve a light, airy texture when creamed.
Mango Purée
Infuses the cake and frosting with authentic tropical flavor and natural color.
Strawberry Jam
Provides a juicy, tangy surprise center that balances the sweet frosting.
Powdered Sugar
Gives the frosting its smooth, silky texture without graininess.
Equipment you'll need
Ingredients
- 2 cups All-Purpose Flour (Can be substituted with gluten-free flour blend.)
- 2 teaspoons Baking Powder
- 1 teaspoon Salt
- 1 cup Unsalted Butter (Softened for easier creaming.)
- 1.5 cups Granulated Sugar
- 3 large Eggs
- 1 teaspoon Vanilla Extract
- 0.5 cups Milk
- 1 cup Mango Purée (Fresh or thawed frozen mango.)
- 0.5 cups Strawberry Jam
- 4 cups Powdered Sugar
- 0.5 cups Heavy Cream
- 0.5 cups Mango Purée (For coloring and flavor.)
- 0.5 cups Strawberry Purée (For coloring and flavor.)
Before You Start
- Preheat oven to 350°F
- Line muffin tin with liners
- Soften butter to room temp
- Measure all ingredients
Instructions
- 1Step 1
Preheat your oven to 350°F (175°C) and line a muffin tin with cupcake liners.
- 2Step 2
In a medium bowl, whisk together the all-purpose flour, baking powder, and salt.
- 3Step 3
In a large mixing bowl, cream the softened unsalted butter and granulated sugar together using an electric mixer.
- 4Step 4
Beat in the eggs one at a time, then mix in the vanilla extract and the mango purée until smooth.
- 5Step 5
Gradually add the dry ingredients to the wet batter, stirring gently until just combined.
- 6Step 6
Spoon the batter into the lined cupcake wells, filling them about ¾ full and bake for 18-20 minutes.
- 7Step 7
Let the cupcakes cool in the tin for 5 minutes before transferring them to a wire rack.
- 8Step 8
Create a well in the center of each cupcake and fill it with strawberry jam.
- 9Step 9
In a mixing bowl, beat the softened butter, then add powdered sugar, heavy cream, and vanilla until fluffy.
- 10Step 10
Divide frosting into three bowls, mixing one with mango purée and another with strawberry purée.
- 11Step 11
Pipe the frosting in a swirl on each cupcake using a piping bag.
Pro tips
Soften butter fully
Leave butter at room temperature for at least 30 minutes to cream evenly.
Room‑temp eggs
Cold eggs cause the batter to curdle; bring them to room temperature first.
Do not over‑mix
Mix dry ingredients just until incorporated to keep the crumb tender.
Even batter fill
Use an ice‑cream scoop for uniform cupcake sizes and even baking.
Jam center tip
Create a small well with a spoon after baking; the warm cake will melt the jam slightly.
Frosting temperature
Keep frosting cool while piping; warm frosting can slide off the cupcakes.
Color intensity
Add purée gradually to frosting; a little goes a long way for bright hues.
Storage tip
Store cupcakes in an airtight container to prevent drying out.
Variations to try
Dairy‑Free Version
Swap butter for coconut oil and use a coconut‑milk‑based frosting for a vegan twist.
Gluten‑Free Swap
Replace all‑purpose flour with a 1‑to‑1 gluten‑free blend; add a teaspoon of xanthan gum for structure.
Mini Slider Cups
Bake the batter in a mini muffin tin for bite‑size treats perfect for cocktail parties.
Holiday Rum Twist
Stir a tablespoon of dark rum into the mango purée and garnish with toasted coconut.
Chocolate Swirl
Fold melted dark chocolate into half of the frosting for a mocha‑sunset version.
Serving Suggestions
Troubleshooting
Cupcakes sank in center
Check oven temperature with an oven thermometer and avoid opening the door early.
Frosting too runny
Add more powdered sugar a tablespoon at a time until stiff peaks form.
Frosting too stiff
Whisk in a splash of heavy cream or milk until smooth and pipeable.
Storage & make-ahead
Refrigerator
Place cupcakes in a sealed container; keep up to 3 days for best texture.
Freezer
Freeze in a single layer on a tray, then transfer to a zip‑top bag; store up to 2 months. Thaw overnight in the fridge.
Best way to reheat
Warm in a 300°F oven for 5‑7 minutes; a splash of milk revives frosting softness.
Make-ahead
Bake and cool cupcakes a day ahead; pipe frosting fresh on the day of serving.
Ingredients
- 2 cups All-Purpose Flour (Can be substituted with gluten-free flour blend.)
- 2 teaspoons Baking Powder
- 1 teaspoon Salt
- 1 cup Unsalted Butter (Softened for easier creaming.)
- 1.5 cups Granulated Sugar
- 3 large Eggs
- 1 teaspoon Vanilla Extract
- 0.5 cups Milk
- 1 cup Mango Purée (Fresh or thawed frozen mango.)
- 0.5 cups Strawberry Jam
- 4 cups Powdered Sugar
- 0.5 cups Heavy Cream
- 0.5 cups Mango Purée (For coloring and flavor.)
- 0.5 cups Strawberry Purée (For coloring and flavor.)
Instructions
- 1Preheat your oven to 350°F (175°C) and line a muffin tin with cupcake liners.
- 2In a medium bowl, whisk together the all-purpose flour, baking powder, and salt.
- 3In a large mixing bowl, cream the softened unsalted butter and granulated sugar together using an electric mixer.
- 4Beat in the eggs one at a time, then mix in the vanilla extract and the mango purée until smooth.
- 5Gradually add the dry ingredients to the wet batter, stirring gently until just combined.
- 6Spoon the batter into the lined cupcake wells, filling them about ¾ full and bake for 18-20 minutes.
- 7Let the cupcakes cool in the tin for 5 minutes before transferring them to a wire rack.
- 8Create a well in the center of each cupcake and fill it with strawberry jam.
- 9In a mixing bowl, beat the softened butter, then add powdered sugar, heavy cream, and vanilla until fluffy.
- 10Divide frosting into three bowls, mixing one with mango purée and another with strawberry purée.
- 11Pipe the frosting in a swirl on each cupcake using a piping bag.
