Tropical Piña Colada Cupcakes

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

Tropical Pina Colada Cupcakes |

How was your 4th? We spent most of it driving from Florida to Virginia, and then getting semi-settled into our new place. While we didn’t stay up for fireworks, we did see fireflies, and the kids absolutely loved them! I know I haven’t been super consistent lately. But with the husband gone for the next 3 months, and us moving, and a baby on the way, things are kind of chaotic. So bare with me, I will be posting more frequently once our internet gets set up (hello from Starbucks)!

Tropical Pina Colada Cupcakes |

Today’s post is one I’ve been really excited to share with you guys. It’s one of my favorite summer combos baked into tender, flavorful cupcakes. This isn’t the first time piña colada cupcakes are making an appearance on the blog. I posted this recipe a few years back and they were a huge hit with our family. I’m taking coconut and pineapple and separating them into two layers of deliciousness: coconut on bottom and pineapple on top!

Tropical Pina Colada Cupcakes |

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. 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.

Tropical Pina Colada Cupcakes |

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!

If you’re in the mood for something sweet and sunny, give these tropical piña colada cupcakes a try. They taste amazing and are perfect for summer!

Tropical Pina Colada Cupcakes |

Tropical Piña Colada Cupcakes Recipe

Soft and tender coconut cupcakes topped with a luscious pineapple cream cheese frosting. These tropical piña colada cupcakes are a sweet escape!
0 from 0 votes
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 1/2 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.


Serving: 15g | Calories: 400kcal | Carbohydrates: 54g | Protein: 5g | Fat: 19g | Saturated Fat: 14g | Cholesterol: 30mg | Sodium: 241mg | Potassium: 153mg | Fiber: 1g | Sugar: 42g | Vitamin A: 339IU | Vitamin C: 1mg | Calcium: 79mg | Iron: 1mg

Like this Recipe?

Pin it now!

Pin It Now0Pin It Now0



Shop Online

Lil' Luna Products

See All Products

Want more inspiration?

More Recipes You'll Love

Protein Balls

Total Time: 45 minutes
5 from 2 votes

Chocolate Molten Lava Cakes

Total Time: 28 minutes
5 from 5 votes

Perfect Chocolate Crinkle Cookies

Total Time: 1 hour 40 minutes
4.34 from 3 votes

Pepperoni Pizza Pinwheels

Total Time: 42 minutes
4.91 from 11 votes

Easy Chocolate Cake

Total Time: 1 hour
4.88 from 8 votes

About the Author


Wife, mother, baker and photographer. Recipe developer & author of Life Made Simple. A self-professed peanut butter lover and fond of anything that involves pumpkin, cookie dough, or sprinkles

Join the Conversation

Rate and Comment

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

Recipe Rating

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


  1. I moved last month as well, and I feel like we may never get settled. Holey moley, so stressful, isn’t it?
    These cupcakes look heavenly, and that frosting is calling my name. I bet it would be good on so many things. Gotta try it!

  2. My little brother in law’s birthday is coming up, I’m going to try my hand at these! They look so good!

  3. I made these today! They were so rich and moist. The frosting was super creamy too. Perfect treat for sunny day. Thanks Natalie!