Tropical Piña Colada Cupcakes

About the author: Susan Updated on Sat, 24 Jan 2026 15:28:00 GMT Desserts

Tags: #pineapple #coconut #party-food

A woman with red hair and a black shirt.
Susan

Home cook, recipe developer and founder of My Home Made Recipe, sharing the tested dishes my family loves.

Updated on Sat, 24 Jan 2026 15:28:00 GMT

View Recipe →
Tropical piña colada cupcakes with coconut frosting and cherries Pin it
Tropical piña colada cupcakes with coconut frosting and cherries

Tropical Piña Colada Cupcakes are the kind of dessert that makes a kitchen smell like pineapple, butter, and toasted coconut before the frosting is even made. The cake is soft and moist, with crushed pineapple tucked into the crumb instead of sitting wet on top.

I like these for birthdays, cookouts, and any tray of desserts that needs something bright. The coconut cream cheese frosting keeps the sweetness in check, and the cherry on top makes them feel festive without much effort.

The Sunny Cupcake Lineup

Choose canned coconut milk with some body and crushed pineapple packed in juice. Drain the pineapple well so the cupcakes taste fruity without turning heavy.

Ingredients for tropical piña colada cupcakes on a pale counter
Ingredients for tropical piña colada cupcakes on a pale counter
  • Cake flour. Keeps the cupcakes tender and fine-crumbed.
  • Butter. Gives the cake richness and helps the edges bake up lightly golden.
  • Granulated sugar. Sweetens the batter and helps the tops stay soft.
  • Eggs. Add structure so the fruit-filled cupcakes hold their shape.
  • Coconut milk. Adds gentle coconut flavor and moisture.
  • Pineapple juice. Brightens the batter and reinforces the fruit flavor.
  • Crushed pineapple. Adds juicy bits through the crumb. Drain it before measuring.
  • Shredded coconut. Brings chew and a deeper coconut note.
  • Rum extract. Gives the classic piña colada hint without needing alcohol.
  • Cream cheese frosting. Balances the sweet cake with a tangy, creamy finish.

Bake And Frost Them Right

  1. Prep the pan. Heat the oven to 350°F and line a 12-cup muffin pan with paper liners.
  2. Mix the dry bowl. Whisk cake flour, baking powder, baking soda, and salt so the leavening spreads evenly.
  3. Cream the butter. Beat butter and sugar until pale and fluffy, then beat in the eggs one at a time.
  4. Add the flavor. Mix in coconut milk, pineapple juice, vanilla, coconut extract, and rum extract. The batter may look a little loose at this point.
  5. Fold gently. Stir in the dry ingredients, then fold in drained pineapple and shredded coconut just until no dry streaks remain.
  6. Bake and cool. Fill liners about two-thirds full and bake for 18-20 minutes. Cool completely before frosting.
  7. Make the frosting. Beat butter, cream cheese, cream of coconut, extracts, salt, and powdered sugar until fluffy.
  8. Garnish and serve. Pipe the frosting, then add toasted coconut, pineapple wedges, and cherries.

Tropical Piña Colada Cupcakes Texture

The main thing with these cupcakes is moisture control. Pineapple is delicious, but it can weigh down a cupcake fast. Drain it in a fine-mesh sieve, then press it lightly before it goes into the batter. You still get tiny pineapple pockets, but the cake bakes instead of steaming.

Coconut milk also matters. Shake the can well so the thick cream and thinner liquid combine before measuring. If the coconut milk is separated and you pour only the thin part, the flavor will be weak. If you scoop only the thick cream, the batter can feel greasy.

Frosting That Holds A Swirl

Cream cheese frosting can go soft if the butter is too warm. Aim for cool room temperature, soft enough to press but not shiny. Beat the butter and cream cheese first until smooth, then add powdered sugar gradually.

A spoonful of cream of coconut gives the frosting that sweet coconut drink flavor. It is the thick, sweetened ingredient used in many piña colada recipes, not plain coconut milk. If you enjoy this flavor family, pair the cupcakes with Tropical Pineapple Coconut Balls or the bright Tropical Pistachio Bliss Cake.

Smart Swaps For Parties

For a kid-friendly tray, skip the rum and use rum extract or extra vanilla. For a stronger adult flavor, brush the cooled cupcakes with a small amount of rum mixed with pineapple juice before frosting. Keep it light so the liners do not get soggy.

You can turn these into mini cupcakes too. Bake them for about 10-12 minutes, then check early. Mini cupcakes dry out faster, so pull them as soon as the tops spring back.

Chilling And Serving Cleanly

Frosted cupcakes with cream cheese should be chilled if they will sit for more than a short serving window. The FoodSafety.gov cold storage chart is a useful reference for refrigerated leftovers. Store the cupcakes in a covered container so the coconut does not pick up fridge smells.

For the best texture, bring them out about 20 minutes before serving. The cake softens, the frosting loosens slightly, and the pineapple tastes brighter.

Build A Tropical Dessert Tray

These cupcakes already have a lot of personality, so keep the rest of the tray simple and bright. A bowl of fresh pineapple, lime wedges, and toasted coconut gives guests the same flavors in lighter bites. If you want a drink beside them, Pina Colada Sangria Moscato keeps the theme going.

For another small-format pineapple dessert, add Pineapple Upside-Down Cupcakes. The caramelized fruit goes nicely with the creamy coconut frosting here.

Tropical Piña Colada Cupcakes, plated and served
Tropical Piña Colada Cupcakes, plated and served

Summary

Soft pineapple coconut cupcakes with creamy coconut frosting, toasted coconut, and classic piña colada garnishes.

Tropical Piña Colada Cupcakes
Tropical Piña Colada Cupcakes

FAQs

Can I make Tropical Piña Colada Cupcakes without alcohol?

Yes. Use rum extract instead of rum, or leave it out and add a little extra vanilla. The pineapple and coconut still give the cupcakes their piña colada flavor.

Can I use fresh pineapple instead of canned crushed pineapple?

You can, but chop it very finely and drain it well. Fresh pineapple can be juicier than canned, so press it with paper towels before folding it into the batter.

Why did my cupcakes sink in the middle?

They may have had too much moisture or needed another minute in the oven. Drain the pineapple well, measure the coconut milk carefully, and bake until the tops spring back and a toothpick comes out clean.

How should I store frosted piña colada cupcakes?

Because the frosting has cream cheese, store the cupcakes covered in the refrigerator. Let them sit at room temperature for about 20 minutes before serving so the cake softens again.

Can I make the cupcakes ahead of time?

Yes. Bake the cupcakes one day ahead and keep them covered at room temperature if they are unfrosted. Frost and garnish them the day you plan to serve them for the cleanest look.

What can I serve with these cupcakes?

They fit nicely with fruit-forward desserts and summer drinks. Try them with pineapple fluff, coconut balls, or a chilled piña colada style drink for a bright dessert table.

References

Sources cited in this recipe.
4.50 from 22 votes

Tropical Piña Colada Cupcakes

Prep time:
25 min
Cook time:
20 min
Total time:
45 min
Servings:
12
Tropical piña colada cupcakes with coconut frosting and cherries

Tender pineapple coconut cupcakes topped with coconut cream cheese frosting, toasted coconut, pineapple, and cherries.

Ingredients

  • For the cupcakes

  • 1 1/2 cups (180 g) cake flour
  • 1 1/2 teaspoons baking powder
  • 1/4 teaspoon baking soda
  • 1/4 teaspoon fine salt
  • 1/2 cup (113 g) unsalted butter, softened
  • 3/4 cup (150 g) granulated sugar
  • 2 large eggs, room temperature
  • 1/3 cup (80 ml) canned coconut milk, well shaken
  • 1/4 cup (60 ml) pineapple juice
  • 1 teaspoon vanilla extract
  • 1/2 teaspoon coconut extract
  • 1/2 teaspoon rum extract, or 1 tablespoon rum
  • 1/2 cup (120 g) crushed pineapple, well drained
  • 1/3 cup (30 g) sweetened shredded coconut
  • For the frosting

  • 1/2 cup (113 g) unsalted butter, softened
  • 8 oz (225 g) cream cheese, softened but still cool
  • 3 1/2 cups (420 g) powdered sugar
  • 2 tablespoons cream of coconut
  • 1/2 teaspoon coconut extract
  • 1/2 teaspoon vanilla extract
  • Pinch of fine salt
  • For garnish

  • 1/2 cup (45 g) sweetened shredded coconut, toasted and cooled
  • 12 small fresh pineapple wedges
  • 12 maraschino cherries, drained well

Instructions

1.

1. Prepare the oven and pan: Heat the oven to 350°F. Line a standard 12-cup muffin pan with paper liners.

2.

2. Whisk the dry ingredients: In a medium bowl, whisk the cake flour, baking powder, baking soda, and salt until evenly combined.

3.

3. Cream butter and sugar: Beat the butter and sugar in a large bowl for 2-3 minutes, until pale and fluffy. Beat in the eggs one at a time, scraping the bowl after each addition.

4.

4. Add the liquids: Mix in the coconut milk, pineapple juice, vanilla extract, coconut extract, and rum extract until combined. The mixture may look slightly loose.

5.

5. Finish the batter: Add the dry ingredients and mix on low just until combined. Fold in the drained crushed pineapple and shredded coconut.

6.

6. Bake the cupcakes: Divide the batter among the liners, filling each about two-thirds full. Bake for 18-20 minutes, until the tops spring back and a toothpick comes out clean. Cool completely.

7.

7. Make the frosting: Beat the butter and cream cheese until smooth. Add powdered sugar, cream of coconut, coconut extract, vanilla, and salt. Beat until fluffy and pipeable.

8.

8. Decorate and serve: Pipe frosting onto the cooled cupcakes. Top with toasted coconut, a pineapple wedge, and a drained cherry just before serving.

Good to know

  1. Makes 12 standard cupcakes.
  2. Cool cupcakes completely before frosting or the cream cheese frosting will melt.
  3. Refrigerate frosted cupcakes and bring to room temperature before serving.

Equipment

  • 12-cup muffin pan
  • Paper cupcake liners
  • Mixing bowls
  • Electric mixer
  • Fine-mesh sieve
  • Piping bag and large star tip

Allergens

Always check labels if you have allergies.
  • Dairy
  • Egg
  • Gluten
  • Wheat
  • Tree nut, coconut

Nutrition facts

Values are estimates per serving.
  • Calories: 430
  • Fat: 22 g
  • Carbs: 55 g
  • Protein: 4 g