AmericanButterCoconutCream CheeseCupcakesDessertsRecipesSugar

Piña Colada Cupcakes

These soft and tender coconut cupcakes are topped with a luscious pineapple cream cheese frosting. Tropical piña colada cupcakes are a sweet escape!

Tropical piña colada cupcakes are bursting with pineapple and coconut flavor. There’s a little bit of summer in each bite! For more must-make cupcakes try Rainbow Cupcakes, Ultimate Chocolate Cupcakes, and Cherry Almond Cupcakes.

Piña Colada Cupcakes topped with an umbrella and a cherry

Tropical Cupcakes

When my husband requests a specific dessert, it’s usually brownies, chocolate chip cookies or peanut butter cookies. Oh, and ice cream… lot’s of ice cream. So when he asked me to make him piña colada cupcakes I was a little surprised.

We started brainstorming what the “perfect cupcake” would be. No chunks of coconut or pineapple, just lots of flavor. Topped with a thick, soft frosting and sprinkled with just a touch of coconut. And of course, a maraschino cherry for the top.

We fell in love with these cupcakes from the first bite. They were bursting with incredible flavor and were super moist and tender. And that frosting, well, it’s to die for! These piña colada cupcakes are quite possibly one of the best cupcakes I’ve ever had… and that’s saying a lot!

I hope you’ll give these summery little cakes a try, I think you’re going to love them!

Coconut cupcake base, topped with pineapple frosting and shredded coconut

Making Piña Colada Cupcakes

CUPCAKE. You’ll start by making super light and fluffy coconut cupcakes. Coconut oil, coconut milk, coconut extract AND sweetened shredded coconut give these tender cakes their amazing flavor.

FROSTING. As soon as they come out of the oven I’d suggest whipping up the pineapple frosting. Since it’s cream cheese based, you may want to refrigerate it for 30 minutes or so before piping it onto the cupcakes. It is a stiffer frosting, however, if you plan on using a tip with detail (like a star tip), you want it to be extra firm. I did not refrigerate mine since I used a large round piping tip and piped it into the center of the cupcake.

TOPPINGS. You can top these tropical cupcakes however you’d like. I went extra cutesy and added an umbrella, cherry and straw for decoration. That’s totally optional though. Just a simple sprinkle of toasted coconut is definitely enough!

Piña colada cupcake recipe with a straw, umbrella, and cherry on top

Tips, Variations + Storing Info

To avoid a dense cupcake avoid overmixing the batter and avoid using too heavy of ingredients. This means that you don’t want to add in too much flour. You also want to make sure that your baking powder is fresh!

To keep the cupcakes moist keep them covered and in the fridge. The filling will also gradually seep into the cakes and keep them moist that way as well.


  • Consider adding some coconut extract to the frosting
  • You can easily use fresh pineapple!
  • Use pre-made cream cheese frosting and mix in pineapple chunks.

STORE frosted cupcakes in your airtight container on the counter at room temperature. Remember that storing cupcakes in the fridge will dry them out faster, so opt for countertop storage unless it’s too warm in your kitchen and you need to stop your frosting from melting away.

To make ahead, prepare cupcakes and store unfrosted in an airtight container (you can store in the freezer). When ready to serve, thaw if needed, and frost!

Tropical Pina Colada Cupcakes

For more delicious cupcakes, try:

Tropical Pina Colada Cupcakes |

Piña Colada Cupcakes Recipe

These soft and tender coconut cupcakes are topped with a luscious pineapple cream cheese frosting. Tropical piña colada cupcakes are a sweet escape!
5 from 1 vote
Pin Rate
Course: Cupcakes
Cuisine: American
Prep Time: 40 mins
Cook Time: 20 mins
Total Time: 1 hr
Servings: 15 cupcakes
Calories: 400kcal
Print Recipe


For the Cupcakes
  • 1/4 cup unsalted butter - room temperature
  • 1/4 cup unrefined coconut oil - solid-state (not liquid)
  • 1 cup granulated sugar
  • 3 large egg whites - room temperature
  • 1 1/2 tsp vanilla extract
  • 1/2 tsp coconut extract
  • 1 3/4 cup cake flour
  • 3/4 tsp baking powder
  • 1/4 tsp baking soda
  • 1/4 tsp kosher sea salt
  • 1/2 cup sour cream - full-fat
  • 1/2 cup canned coconut milk
  • 1/2 cup sweetened shredded coconut
  • 1/2 cup sweetened shredded coconut - toasted
For the Frosting
  • 1/2 cup unsalted butter - room temperature
  • 1/4 tsp kosher sea salt
  • 1 1/2 tsp vanilla extract - or vanilla bean paste
  • 3 cup powdered sugar
  • 1/4 cup crushed pineapple - OR minced pineapple, drained
  • 3 tbsp pineapple juice - (from crushed pineapple)
  • 8 oz original cream cheese - room temperature for 30 minutes
For Garnish
  • toasted coconut
  • crushed pineapple
  • maraschino cherries
  • umbrella toothpicks
  • jumbo or striped straws


  • Preheat the oven to 350 degrees. Line a standard size muffin pan with cupcake liners, and a second pan with 3 liners. Set aside.
  • In the bowl of a stand mixer or a large mixing bowl with a hand mixer, beat the butter and coconut oil on medium-high speed until smooth, about 1 minute. Add the sugar and beat on high speed for 2-3 minutes or until pale. Add the egg whites (they do not need to be beaten separately), vanilla extract, and coconut extract, mix until combined.
  • In a medium mixing bowl, whisk together the cake flour, baking powder, baking soda, and salt.
  • With mixing speed on low, alternate adding the dry ingredients along with the sour cream, coconut milk and ½ cup of shredded coconut. Mix just until incorporated.
  • Using a #20 scoop (3.5 tablespoons) fill each cupcake liner with batter. Top with toasted coconut and gently press it into the batter.
  • Place in the oven and bake for 18-22 minutes, or until a cake tester inserted in the center comes out clean. Remove from the oven and allow to cool in the pans for 5 minutes before transferring to a wire rack to cool completely.
  • Meanwhile, to prepare the cream cheese frosting, in the bowl of a stand mixer or a large mixing bowl with a hand mixer, beat the butter along with the salt and vanilla until creamy, about 2 minute.With mixing speed on low gradually add the powdered sugar, beat until it forms a thick paste. Add the pineapple, pineapple juice and cream cheese, mix on the lowest speed possible for 1 minute, then STOP!
  • Pipe over the cooled cupcakes, then top with toasted coconut, crushed pineapple, maraschino cherries, umbrellas and straws, if desired.
Nutrition Facts
Piña Colada Cupcakes Recipe
Serving Size
15 serving
Amount per Serving
% Daily Value*
Saturated Fat
Vitamin A
Vitamin C
* Percent Daily Values are based on a 2000 calorie diet.
Did you make this recipe?Take a picture and tag @lmadesimple on Instagram or tag #LMSBakes! We can’t wait to see your version!

Like this Recipe?

Pin it now!

Pin It NowPin It Now
Perfect Rice Pilaf |

About the Author


Join the Conversation

Rate and Comment

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

Please click on the Stars below to share your Rating of this Recipe

This site uses Akismet to reduce spam. Learn how your comment data is processed.


  1. Oh, you can NEVER swear off cupcakes! These look fantastic and they are so creative!

  2. Hi

    What brand of crushed pineapple did you buy that come in a 9oz can. I’ve only seen them in a 8oz can.

    1. For these cupcakes I just used a spatula to spread it on, but you can use a large round tip (I like the #807, #828, #848) too. Just make sure to chill the frosting for a bit before you try to pipe it, I’d say at least 20 minutes.

  3. Hey there! I made these today for a Luau party and OH MY GOSH! Yum! However, I was confused a bit on the filling part. It says drained– does that mean pour into a strainer and squeeze all juice out or pour into strainer and let sit until no more juice drains(but still plenty in the crushed pineapple)? I squeezed most(if not all) juice out and felt like I should have left some juice in! Thanks!

    1. Just baking powder is required in this recipe. You’ll want to make sure it’s fresh- less than 6 months old! I’m sorry they didn’t rise, but I’ve never had that problem with this recipe!

  4. I made these and they were delicious! Instead of using coconut milk i used almond milk and some Malibu Rum.
    I also added rum to the frosting and center filling. It was rum-tastic.

      1. So sorry to keep you asking so many question but I love in the middle east and we do not have pineapple in the juice type ..all we have is the pineapple in sugar syrup type. .. so can I substitute fresh pineapple nice and fresh crushed pineapple …

  5. I just made these and they are amazing! The only thing I did differently was I used a coconut whipped cream frosting instead.

  6. Hello dear…. In the cake you said to use pineapple juice from the filling… I did not quite understand this … did you mean the liquid in the can … ?

  7. Hi! I was looking for a perfect Pina Colada cupcake recipe online and eventually chose this one, and they came out really delicious! I made them yesterday, and they were heavenly in the first few hours, but this morning we discovered they had gone really hard overnight…. I am still a beginner in baking, so would be very grateful if you could share some thoughts on what I might have done wrong… Did I keep them too long in the oven (took them out when a toothpick came out perfectly clean)? I also kept them UNcovered in the fridge for a couple of hours – to get the frosting set, then decided to transfer them into plastic containers. What have I possibly done wrong? How can I prevent this from happening in future? Thanks a lot in advance! I am so sad they turned so hard overnight… (((

  8. Made these recently and they were a hit!! Our frosting turned out a little runny at first, but still delicious 🙂 The recipe looked a bit daunting at first but was surprisingly easy to follow and put together.