Pina Colada Cupcakes.

Have your piña colada and eat it too! These extra moist pineapple coconut cupcakes will make everyday seem like a trip to the beach. 

Pina Colada Cupcakes - moist pineapple coconut cupcakes topped with coconut frosting. Tastes like your favorite tropical cocktail!

Today’s recipe was inspired by one of my favorite “activities.” A beach, a book, a piña colada, and an impossibly blue sky. Pure contentment right there. Though today’s piña colada cupcakes don’t have any alcohol in them, I’m not stopping you from serving them with a beachy alcoholic beverage. No judging here!

I’m all about summer these days in my kitchen. If you haven’t noticed, I’m a little over the cold weather. Winter was sooo last month. Bring on the flips!

Pina Colada Cupcakes - moist pineapple coconut cupcakes topped with coconut frosting. Tastes like your favorite tropical cocktail!

If you have an hour or two to spare, use it wisely and make these cupcakes. They’re a tropical-tasting medley of pineapple and coconut flavors, all mixed into my favorite vanilla cupcake recipe. One bite will instantly brighten your mood. Since no one stops at just 1 bite of a cupcake, just think what the entire cupcake will do.

Happiness in a cupcake wrapper.

I was inspired to make these cupcakes last week after we finished booking our trip to Mexico. Kevin and I are headed there at the end of this month for Kristen & Seth’s wedding. Riviera Maya to be exact. Have you ever been there? 5 days of sunshine, flip flops, and wedding festivities. I’m so excited for their wedding, pink sunsets, turquoise water, some great food, and of course – the fruity drinks with umbrellas in them. Always umbrellas.

Pina Colada Cupcakes - moist pineapple coconut cupcakes topped with coconut frosting. Tastes like your favorite tropical cocktail!

Today’s cupcakes are an upgraded version of my favorite cupcake recipe. Still keeping that brilliant vanilla flavor, I amped things up a bit and added the flavors of sweet pineapple and coconut. Making them is about as easy as a walk on the beach.

I used nearly all brown sugar in these cupcakes. Brown sugar + pineapple is exactly what I love about my Pineapple Upside-Down Cake, so the swap from white to brown sugar here was a no brainer. You’ll love how much flavor the brown sugar brings.

A couple things you’ll need that you may not already have: 100% pineapple juice and coconut milk. I use full-fat canned coconut milk in this recipe and highly suggest you do the same. This coconut milk (pictured above) is the liquid that comes from the grated meat of a coconut. And it has a high oil content. It makes the cupcakes SO moist. The moistest cupcakes I’ve ever made.

Coconut milk and coconut cream are not the same items. Coconut milk is 1 part water simmered down with 1 part coconut pulp. Coconut cream is 1 part water and 4 parts coconut pulp. Coconut cream is much thicker – I’ve never attempted this recipe with coconut cream. Stick to coconut milk. More information about coconut milk can be found in my recipe notes at the bottom.

Pina Colada Cupcakes - moist pineapple coconut cupcakes topped with coconut frosting. Tastes like your favorite tropical cocktail!

The frosting I use for these piña colada cupcakes starts with my ordinary vanilla frosting recipe. The same vanilla frosting I use to top my cakes, cupcakes, and even cookies. If you’re looking for a go-to vanilla frosting, this recipe is it.

To amp up the flavor, I add a touch of coconut extract. Coconut extract can be found in the baking aisle in your grocery store with the vanilla extract and spices. There’s no way around the coconut extract unless you want to compromise the coconut taste or texture of the frosting. If you can’t find coconut extract, simply use a little extra vanilla.

This coconut frosting is ultra thick and creamy, perfect for piping and slathering on top of the pineapple coconut cupcakes. So rich, velvety, and buttery.

Ultra Creamy Coconut Frosting - I love this frosting on chocolate, vanilla, or even pineapple cupcakes!

May I suggest topping a spoonful of this creamy coconut frosting with mini chocolate chips? Or slather it on my favorite homemade chocolate cupcakes. Go ahead, indulge.

These cupcakes are certainly sweet, just like typical piña colada cocktails. I always like to add a pinch of salt to my frosting to offset some of the sweetness. Works like a charm. If you want a lighter frosting, try a simple whipped cream flavored with a drop of coconut extract. Or here’s a tasty strawberry whipped cream recipe if you’re interested as well.

(Add a splash of rum if you’re feeling jazzy!)

Pina Colada Cupcakes - moist pineapple coconut cupcakes topped with coconut frosting. Tastes like your favorite tropical cocktail!

Since there’s no alcohol in these piña coladas, they’re the perfect tropical treat to share with little bakers. They can help decorating the frosting with coconut – oh gosh, please do this over the sink.  I ended up with coconut pieces all over my kitchen floor and Jude jumped at the opportunity to help clean. He didn’t get to any in time, don’t worry.

CHEERS!

(Blue straws used as decoration are from Sweets and Treats Boutique.)

Follow me on Instagram and tag #sallysbakingaddiction so I can see all the SBA recipes you make. 

Piña Colada Cupcakes

Yield: 12 cupcakes

Prep Time: 25 minutes

Total Time: 45 minutes, plus cooling

Print Recipe

Super-moist pineapple coconut cupcakes topped with creamy smooth coconut frosting. Decorate each cupcake with a sprinkle of coconut (toasted or not), a slice of pineapple, and a cherry on top. Have your piña colada and eat it too!

Ingredients:

  • 1 and 2/3 cups (210g) all-purpose flour (careful not to overmeasure)
  • 1/2 teaspoon baking powder
  • 1/4 teaspoon baking soda
  • 1/2 teaspoon salt
  • 3/4 cup (150g) packed light or dark brown sugar
  • 1/4 cup (50g) granulated sugar
  • 1/2 cup (115g) unsalted butter, melted
  • 1 large egg, room temperature preferred
  • 1/2 cup (120ml) pineapple juice1
  • 1/2 cup (120ml) full fat coconut milk2
  • 2 teaspoons vanilla extract

Coconut Frosting

  • 3/4 cup (170g) unsalted butter, softened to room temperature
  • 3 cups (360g) confectioners' sugar
  • 1/4 cup (60ml) heavy cream or half-and-half3
  • 2 teaspoons vanilla extract
  • 1/2 teaspoon coconut extract
  • salt, to taste

Directions:

  1. Preheat oven to 350°F (177°C). Line a 12-count muffin pan with cupcake liners. Set aside.
  2. Make the cupcakes: In a medium bowl, mix together flour, baking powder, baking soda, and salt. Set aside. In a large microwave-safe bowl, melt butter in the microwave. Whisk in brown sugar and granulated sugar. Whisk in egg, pineapple juice, coconut milk, and vanilla extract until combined.
  3. Slowly mix dry ingredients into the wet ingredients until no lumps remain. Fill cupcake liners 2/3 of the way full. Bake for 20 minutes or until a toothpick inserted in the center comes out clean. Allow to cool completely before frosting.
  4. Make the frosting: In a medium bowl, beat the softened butter on medium speed with an electric or stand mixer fitted with a paddle attachment. Beat for about 3 minutes until smooth and creamy. Turn mixer off and add confectioners' sugar, cream, vanilla, and coconut extracts. Mix on low for 1 minute then increase to high speed and beat for 3-4 full minutes. Add more confectioners' sugar if frosting is too thin or more cream if frosting is too thick. Add salt if frosting is too sweet (I usually add 1/4 teaspoon). Frost cooled cupcakes. There may be leftover frosting depending how much you use on each cupcake. I used a Wilton #12 piping tip. Decorate cupcakes with coconut, pineapple slices, and/or a cherry.
  5. Leftover cupcakes can be stored in an airtight container at room temperature for up to 3 days and in the refrigerator up to 4.
  6. Make ahead tip: Prepare cupcakes and frosting 1 day in advance. Keep cupcakes covered tightly at room temperature and the frosting covered tightly in the refrigerator. Unfrosted cupcakes can be frozen up to 2 months. Thaw overnight in the refrigerator and bring to room temperature before frosting and serving.

Additional Notes:

  1. Use 100% pineapple juice (not syrup). You can freeze leftover pineapple juice and thaw overnight in the refrigerator to make another batch!
  2. Note on coconut milk: I used 1/2 cup full fat canned coconut milk. I suggest using full-fat if you can for the moistest, richest taste and texture. The brand I used is pictured above in this post and was purchased at my regular grocery store in the international foods aisle. Do not use coconut cream or cream of coconut. You can always freeze leftover coconut milk and thaw overnight in the refrigerator to make another batch.
  3. Feel free to use coconut milk in the frosting instead of the heavy cream/half-and-half. I do not suggest using milk because you will lose a lot of its creamy texture.

© Sally’s Baking Addiction. All images & content are copyright protected. Please do not use my images without prior permission. If you want to republish this recipe, please re-write the recipe in your own words, or link back to this post for the recipe.

See more cupcake ideas, like raspberry lemon, s’mores, strawberry, pumpkin, and peppermint mocha. Or try my Pineapple Upside Down Cake next!

Here is my favorite recipe for Pineapple Upside-Down Cake! sallysbakingaddiction.com

 

 

Pina Colada Cupcakes with Creamy Coconut Frosting-- one of my all-time favorites!
   

165 Responses to “Pina Colada Cupcakes.”

  1. #
    81
    Christyposted May 26, 2015 at 9:33 am

    been looking for a great pineapple or coconut cake recipe to use for our upcoming wedding cake. This recipe sounds exactly like what we’ve been wanting. What’s the best way to convert from a cupcake recipe to cake recipe? Thanks!

    Reply

    • Sallyreplied on May 26th, 2015 at 9:07 pm

      This recipe yields a thick single layer cake. I recommend a 9-inch springform pan (the cake is quite tall) and bake for about 30-35 minutes.

      Reply

  2. #
    82
    Aubreyposted July 10, 2015 at 4:42 pm

    Hi! I love your Very Vanilla Cupcake recipe and use it often, and I’m wanting to try this recipe but wondering if I could switch out the pineapple juice for lime juice to make a coconut-lime cupcake! Would it work?

    Reply

    • Sallyreplied on July 11th, 2015 at 9:52 am

      That’s definitely something to try. Lime juice is quite potent, so how about 4 Tbsp lime juice and increasing the coconut milk to 3/4 cup.

      Reply

  3. #
    83
    ChocolateSparkleposted July 28, 2015 at 12:02 am

    i can’t have dairy so do you think I can use coconut cream as an alternative to heavy cream? If not could you please give me suggestions. 

    Reply

  4. #
    84
    Madelyn Maldonadoposted August 2, 2015 at 5:13 pm

    Hi Sally, If I was to make the Piña Colada Cupcake recipe and convert it for a Cake, do I need to do anything different to the recepie ? Thank you

    Reply

    • Sallyreplied on August 3rd, 2015 at 8:39 am

      Nope! Just bake in a 9×2 cake pan.

      Reply

  5. #
    85
    Vikki Oakposted August 15, 2015 at 9:38 am

    Instead of buying coconut extract for the frosting, (considering the recipe only calls for 1/2 tsp.) do you think I’d still get the flavor if I used coconut milk in place of the heavy cream? Thanks!

    Reply

  6. #
    86
    Cammyposted August 20, 2015 at 11:56 pm

    Hi Sally 
    I stumbled apon your website a when I was looking for blueberry muffins and they turned out really good. Let me tell you something, this has to be one of the best websites I have been on. You always have really good recipes and these cupcakes were like my favorite. 
    The frosting has to be one of my favorite by far 
    Anyway I just wanted to comment

    Reply

    • Sallyreplied on August 21st, 2015 at 8:01 am

      Thanks so much Cammy!

      Reply

  7. #
    87
    Jeroniqueposted November 17, 2015 at 10:20 pm

    Do you think that I can add coconut extcrat instead of vanilla? To add more coconut flavor?  Then brush them with pineapple rum after they come out the oven? 

    Reply

    • Sallyreplied on November 18th, 2015 at 10:24 am

      Absolutely!

      Reply

  8. #
    88
    Elaineposted February 14, 2016 at 12:45 pm

    Could you not put pineapple chunks in the batter as well as coconut?

    Reply

  9. #
    89
    Saraposted April 6, 2016 at 8:33 pm

    Can you add rum extract to the batter for a rum flavor without adding extra liquid with real rum? How much would you recommend? 

    Reply

    • Sallyreplied on April 7th, 2016 at 11:51 am

      That would be incredible– I’d add 1 teaspoon total.

      Reply

  10. #
    90
    Ambikaposted May 10, 2016 at 6:20 am

    Hi Sally could I use this recipe to make mini Bundt cakes? 

    Reply

    • Sallyreplied on May 10th, 2016 at 6:53 am

      You sure can, but I’m not positive about the exact baking time in those pans.

      Reply

  11. #
    91
    Jamie | Hola Croquetaposted May 26, 2016 at 6:45 pm

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

    Reply

  12. #
    92
    Kristinaposted May 31, 2016 at 12:47 pm

    How much rum can I add to the frosting without compromising the consistency?

    Reply

    • Sallyreplied on June 1st, 2016 at 6:29 am

      I’d start with 1 Tablespoon and add a little more at a time until you are pleased with the taste and consistency.

      Reply

  13. #
    93
    connieposted June 2, 2016 at 12:50 pm

    Hi Sally ! These cupcakes look AMAZING and I am going to make them for my grandson’s first birthday party so I have a question : how far in advance of the party can I make these and keep these cupcakes ??

    Thank so much !

    Reply

    • Sallyreplied on June 3rd, 2016 at 8:52 am

      Hi Connie! See my make ahead tip in the recipe 🙂

      Reply

      • conniereplied on June 7th, 2016 at 4:30 pm

        Thanks Sally !

  14. #
    94
    Amnaposted June 5, 2016 at 1:35 pm

    Loved the idea of the recipe and your pics. I checked the comments as like you said made a 9in cake out of it. Followed the recipe to the dot but at 35 minutes, it was very liquidy inside so I let it be and checked every two minutes. At 45 minutes, it was done but super dense 🙁
    Don’t know what went wrong. The cupcakes don’t look dense to me 🙁

    Reply

  15. #
    95
    Virginiaposted June 11, 2016 at 12:38 pm

    These were amazing! I brushed the tops with Malibu rum and for the frosting used 1/2 the amt of coconut extract, used coconut milk, about 4 tbsp Malibu rum, and another 1/2 c of pwdr sugar. Everyone raved about them. I doubled the recipe and at roughly 52 g of batter per cake, it made 29 cupcakes. 

    Reply

  16. #
    96
    Taraposted June 16, 2016 at 9:30 pm

     I just wanted to make these just pineapple flavored cupcakes could I substitute the coconut milk for pineapple Greek yogurt 

    Reply

  17. #
    97
    Leeposted June 28, 2016 at 3:51 am

    Hi Sally! These have been on my must-bake list for a long time now and I’m so excited to finally be making them this weekend for Canada Day. I can’t wait to have one of these babies in one hand and a real ice-cold pina colada in the other. This is the perfect summer cupcake! To amp up the pineapple flavour, can I add some diced pineapple to the batter, maybe a cup? Or do you not recommend this? Hope you have a wonderful Fourth of July weekend, Sally!

    Reply

    • Sallyreplied on June 28th, 2016 at 10:05 am

      You can, definitely. I had a reader add about 1/2 cup of crushed pineapple to the batter before. She reduced the pineapple juice down to 1/4 cup. I’ve never tried it but she said they were wonderful.

      Reply

  18. #
    98
    Bojanaposted July 9, 2016 at 3:35 pm

    Hi,
    I absolutely adore coconut, but I strongly dislike pineapple. What can I replace the pineapple juice with? Is there a way to make them just coconut-flavoured? Thanks in advance.

    Reply

  19. #
    99
    Vaishakiposted August 6, 2016 at 2:10 pm

    Hey the cupcakes looks awesome …but can u please help me to know the egg substitute??

    Reply

  20. #
    100
    Brandonposted September 4, 2016 at 11:42 am

    Hi Sally! Love this recipe. I want to make it into a half sheet cake. Can you tell me how many times I’d have to do this recipe? Thanks!

    Reply

    • Sallyreplied on September 5th, 2016 at 6:50 pm

      I’d make two batches.

      Reply

  21. #
    101
    Carmellaposted September 5, 2016 at 3:57 pm

    Made these Pina Colada Cupcakes today for the family for Labor Day!!   They look just like your picture.  My daughter took a picture to share with her friends and will upload to your Facebook page!   Thanks for delicious recipes!  Happy Labor Day! 

    Reply

    • Carmellareplied on September 5th, 2016 at 4:16 pm

      BTW….very super moist and flavorful!

      Reply

    • Sallyreplied on September 5th, 2016 at 6:21 pm

      I can’t wait to see– thank you!

      Reply

Leave a Comment