Pina Colada Cupcakes

This post may contain affiliate links. Read the full disclosure here.

Don’t just drink your pina colada! Enjoy it in the form of a cupcake. These moist pineapple cupcakes with coconut frosting will make you feel like you are on a tropical island.

Angled view of pina colada cupcakes on wood background.

These cupcakes may seem familiar. Not long ago I shared an amazing recipe for pineapple cupcakes with coconut frosting. They have been a huge hit! It has been said more than once that the combination is similar to a pina colada.

So today’s cupcakes are just that, pina colada cupcakes. I made a few tweaks to each recipe and the result is phenomenal. A summery, beachy beverage in the form of a cupcake.

The recipe for the cupcake is the same as my pineapple cupcake recipe, with the addition of rum extract. The extract amps up the pineapple flavor in this sweet cupcake.  Making it more like the favorited tropical drink.

Side view of pina colada cupcakes with coconut frosting, a cherry, and pineapple slice on top.

The frosting I use to top the pina colada cupcakes is similar to the coconut frosting I mentioned above. While I do love the light coconut flavor in that frosting, I wanted the frosting for today’s cupcakes to be potent with coconut flavor. To achieve this, I altered the butter to sugar ratio just a tad. I also used less coconut milk and added a touch of coconut extract.

If you can’t find coconut extract or you prefer a lighter coconut flavor, you can follow the recipe for my whipped coconut frosting instead. It has a lighter, more natural coconut flavor and a silkier texture.

Side view of pina colada cupcakes on a wood background.

Pina Colada Cupcakes

4.35 from 43 votes
Side view of pina colada cupcakes on a wood background.
Don’t just drink your pina colada! Enjoy it in the form of a cupcake. These moist pineapple cupcakes with coconut frosting will make you feel like you are on a tropical island.
Jen Sobjack
Prep Time 25 minutes
Cook Time 20 minutes
Total Time 45 minutes
Serving Size 12

Ingredients

For the cupcakes

  • 1 ⅔ cups (216 g) all-purpose flour
  • 1 teaspoon baking powder
  • ½ teaspoon salt
  • ½ cup (113 g) unsalted butter, softened to room temperature
  • ¼ cup (50 g) light brown sugar, packed
  • ½ cup (100 g) granulated sugar
  • 1 teaspoon vanilla extract
  • 1 ½ teaspoons rum extract
  • 2 large eggs
  • 8 ounces (226 g) crushed pineapple, undrained

For the frosting

  • 1 ¼ cups (282 g) unsalted butter, softened to room temperature
  • 2 ½ cups (180 g) confectioners' sugar
  • 4 tablespoons canned coconut milk
  • ½ teaspoon coconut extract
  • ½ cup (56 g) sweetened shredded coconut, toasted
  • slices pineapple for garnish, optional
  • maraschino cherries for garnish, optional

Instructions

Make the cupcakes

  • Preheat the oven to 350ºF. Line a 12 cup muffin pan with paper liners.
  • In a medium mixing bowl, combine the flour, baking powder, and salt. Stir with a whisk to combine. Set aside.
  • In a separate mixing bowl, beat the butter on medium speed until creamy. Add the sugars, continue to beat for 3 minutes. With the mixer set to low, beat in the vanilla and rum extracts. Beat in the eggs, one at a time, mixing well after each addition. Gradually add the flour, mixing just until combined. Beat in the crushed pineapple and it’s juice.
  • Fill the cups of the prepared muffin pan ⅔ of the way full. Bake for 15 to 20 minutes or until a wooden toothpick inserted into the centers comes out clean. Cool the cupcakes in the pan for 5 minutes before transferring them to a wire rack to cool completely.

Make the frosting

  • In a large mixing bowl, beat the butter until creamy. Gradually beat in the powdered sugar. Slowly beat in the coconut milk, followed by the extract. Continue mixing until the frosting becomes thick and fluffy, about 5 minutes.
  • Top the cupcakes with the frosting. Sprinkle the tops with the toasted coconut. Decorated with pineapple slices and cherries if desired.

Notes

  • Coconut milk: Regular full-fat coconut milk is recommended for optimal coconut flavor.

Nutrition

Serving: 1cupcakes | Calories: 501kcal | Carbohydrates: 56g | Protein: 3g | Fat: 30g | Saturated Fat: 19g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 7g | Trans Fat: 1g | Cholesterol: 98mg | Sodium: 124mg | Potassium: 127mg | Fiber: 1g | Sugar: 42g | Vitamin A: 876IU | Vitamin C: 2mg | Calcium: 38mg | Iron: 1mg

The nutrition information provided is for convenience and as a courtesy only. It is not guaranteed to be accurate because nutrition information can vary for a variety of reasons. For precise nutritional data use your preferred nutrition calculator and input the exact ingredients and brands you used in the recipe.

Course: Dessert
Cuisine: American

69 Comments

  1. If I wanted to make mini cupcakes with this recipe, how should I adjust the bake time?

    Thank you!

    1. Jen Sobjack says:

      I’d start checking for doneness at around 12 minutes.

  2. Dominique says:

    I made this for my best friends birthday and they came out AMAZING. The cake was sooo good and the frosting so silky and smooth! I don’t even like pineapple or coconut, but I couldn’t stop eating these.

    1. Jen Sobjack says:

      That’s wonderful to hear! I’m so happy you loved the cupcakes.

  3. 5 stars
    I made these cupcakes today for my daughters eleventh birthday and they were delicious! She was tickled pink over them! I’ve never made a homemade cake or cupcakes before just ones from a box. The only thing different that I did was use Coco Lopez in place of the coconut milk. My husband had suggested that the next time I make these was to add a pineapple, coconut, or a piña colada filling in the middle of the cupcake. I think I will try that next time! Thank you so much for sharing the recipe!

  4. 5 stars
    I made these cupcakes today for my daughters eleventh birthday and they were delicious! She was tickled pink over them! I’ve never made a homemade cake or cupcakes before just ones from a box. The only thing different that I did was use Coco Lopez in place of the coconut milk. My husband had suggested that the next time I make these was to add a pineapple, coconut, or a piña colada filling in the middle of the cupcake. I think I will try that next time! Thank you so much for sharing the recipe!

  5. Hi Jen..Can i use gluten free flour for this recipe and all your other cake recipes??..I was diagnosed yesterday, with Celiac Disease

    1. Jen Sobjack says:

      I’ve actually never used gluten free flour with any of my recipes. But, I would think as long as you are using a flour that is formulated to be an exact replacement for all-purpose flour, it should work fine.

  6. 5 stars
    Made the cupcake portion today but made it into two small cakes instead. Worked very well and was Delicious. It was a nice pineapple flavour and very fluffy. I will definitely be making this again.

  7. 5 stars
    Made the cupcake portion today but made it into two small cakes instead. Worked very well and was Delicious. It was a nice pineapple flavour and very fluffy. I will definitely be making this again.

  8. 5 stars
    Ah ok! Understandable! Thanks for letting me know. While you’re here I have two questions….1) the crushed pineapple I bought were more like chunks. Should they have been crushed like little bits? 2) I have about a cup of frosting left over. It’s so delicious and I’d hate to throw it out. Anything you could suggest to do with it?

  9. 4 stars
    Hi! So I just made two batches for my boyfriend’s firehouse and I think they came out pretty well. Thanks so much for this unique recipe. One thing though, did you mean one 8oz can?? That kind of confused me. I winged it but other people who read this may be a little confused when they try it. Thanks again!!

  10. 4 stars
    Hi! So I just made two batches for my boyfriend’s firehouse and I think they came out pretty well. Thanks so much for this unique recipe. One thing though, did you mean one 8oz can?? That kind of confused me. I winged it but other people who read this may be a little confused when they try it. Thanks again!!

    1. Jen Sobjack says:

      You are correct! It should read 1 (8-ounce) can. I switched recipe layouts not too long ago and some of the ingredients got a bit jumbled. I haven’t found all the errors yet, so thank you for pointing this out.

      1. 5 stars
        Ah ok! Understandable! Thanks for letting me know. While you’re here I have two questions….1) the crushed pineapple I bought were more like chunks. Should they have been crushed like little bits? 2) I have about a cup of frosting left over. It’s so delicious and I’d hate to throw it out. Anything you could suggest to do with it?

      2. Jen Sobjack says:

        I typically use Dole brand and it’s crushed into small bits. They also sell pineapple chunks but they are two completely different things. For the frosting, you can use it as a fruit dip, slather it between cookies, or freeze it for later use.

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating