Piña 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. 

piña colada cupcakes topped with coconut frosting, shredded coconut, a cherry, slice of pineapple, and a straw

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!

piña colada cupcakes topped with coconut frosting, shredded coconut, a cherry, slice of pineapple, and a straw on a green plate

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.

2 images of pineapple coconut cupcakes in a cupcake pan and a can of coconut milk

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.

piña colada cupcakes topped with coconut frosting, shredded coconut, a cherry, slice of pineapple, and a straw on a floral plate

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.

coconut frosting in a blue bowl

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!)

piña colada cupcakes topped with coconut frosting, shredded coconut, a cherry, slice of pineapple, and a straw

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.


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

clock clock icon cutlery cutlery icon flag flag icon folder folder icon instagram instagram icon pinterest pinterest icon facebook facebook icon print print icon squares squares icon
piña colada cupcakes topped with coconut frosting, shredded coconut, a cherry, slice of pineapple, and a straw

Piña Colada Cupcakes

  • Author: Sally
  • Prep Time: 25 minutes
  • Cook Time: 20 minutes
  • Total Time: 3 hours, 25 minutes
  • Yield: 12 cupcakes
  • Category: Cupcakes
  • Method: Baking
  • Cuisine: American


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! 


  • 1 and 2/3 cups (210g) all-purpose flour (spoon & leveled)
  • 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, at room temperature
  • 1/2 cup (120ml) pineapple juice*
  • 1/2 cup (120ml) full-fat coconut milk*
  • 2 teaspoons pure vanilla extract
  • optional: coconut, pineapple slices, and cherries for decoration

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-half*
  • 2 teaspoons pure vanilla extract
  • 1/2 teaspoon coconut extract
  • salt, to taste


  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.


  1. Make Ahead & Freezing Instructions: 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.
  2. Pineapple Juice: Use 100% pineapple juice (not syrup). You can freeze leftover pineapple juice and thaw overnight in the refrigerator to make another batch!
  3. 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.
  4. Heavy Cream: 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.

Keywords: piña colada cupcakes


Comments are closed.

  1. Chelsea @ Gal on a Mission says:

    These look mouthwatering, Sally! Gotta give them a try soon. I agree that winter is so last month or even last week – it’s flippie season (flip flops).

    You should have a blast in Mexico! Pinned. 🙂

    1. flippie season! haha I love it.

  2. Gayle @ Pumpkin 'N Spice says:

    What a great idea for a cupcake, Sally! And your presentation is absolutely beautiful! These look delicious and makes me think of summer!

    1. Thanks Gayle! I’m dying for summer right now.

  3. This looks phenomenal sally, to be honest I’ve been checking your blog and my email EVERY single night to see whether there’s a new recipe bc i just cant like, one day without checking ur blog (sounds cheesy but its true) so i just want to let you know 😀 anyways, will there be any coffee cake recipe coming up or like a cake recipe??Bc I’m super excited for that and I’m also wondering whether you’ll come up with fried doughnuts or dough? Bc that’d be good! But ah your blog is always amazing so keep it up x

    1. Thanks Aurel! Here are all of my cake recipes – I posted a few recently in case you missed them. Would love to try yeasted doughnuts one day! https://sallysbakingaddiction.com/category/cakes-pies/

  4. Chelsea @chelseasmessyapron says:

    I saw your teaser for these on instagram and couldn’t wait to see them! What a gorgeous and fun idea Sally! I love how you decorated this cupcakes – they would be totally perfect for a summer or tropical party! The creamy coconut frosting with chocolate chips sounds perfect! 🙂

    1. I love chocolate and coconut. 🙂 But chocolate didn’t really fit in with the whole pina colada ordeal – you gotta try this frosting on a chocolate cupcake. It’s so good, Chelsea!

  5. Georgia @ The Comfort of Cooking says:

    These are TOO cute, Sally! Love the tropical twist on cupcakes you spun with these scrumptious little cupcakes. They remind me of pineapple upside down cakes (major weakness). That straw garnish is a great touch, too!

    1. LOVE pineapple upside down cake, Georgia. Definitely a top 5 dessert for me.

  6. Beth @ bethcakes says:

    I’m obsessing about these cupcakes a little bit. They’re so colorful and tropical and I definitely want to be on a beach somewhere right now with a whole tray full of them. I love that you used coconut milk in these, and I think I would definitely have to add a splash of rum! Love how you decorated them with the little straws and everything. Too cute! So ready for summer now. 🙂

    1. If you add a splash of rum – do report back and let me know how you like it. Obviously it’s a good choice in my book. 😉

    2. No cake flour in these sally?

  7. Kate from Scratch says:

    I love the whimsical tropical look of these, highly irresistible and great for the upcoming warm weather up here in NY. Can’t wait to try them!

    1. Hope you love them Kate – and I’m so excited for the warm weather we’ll be getting soon on the east coast!

  8. Wow these look so goood.. I definitely am gonna try makin these, I wud hav made them just now but I dnt hav coconut milk n pineapple juice, maybe tomorrow 🙂

  9. Cate @ Chez CateyLou says:

    You have me in such a tropical mood now, Sally! These cupcakes look amazing – I love the straws coming out of the icing! I’m so jealous of your trip to Mexcio! We went to Riviera Maya last year and absolutely loved it. Paradise!

    1. The straws were last minute – Kevin actually asked me what they were doing in cupcakes. Doesn’t he know anything about cupcake decor by now??! Thanks Cate!

  10. ashley - baker by nature says:

    I looooooooooove these, Sally! Like the perfect day all wrapped up in one edible package 🙂 YUM!

  11. Shelby S http://bellabakes.net says:

    Ok, these look absolutely fantastic Sally! I mean my favorite drink combined with my favorite dessert perfection! These may just have to show up at a pool party this summer! These pictures are beautiful by the way, the colors are beautiful! 🙂

    1. Total pool party food – you’re absolutely right! Wish I was at a pool party right now, all I see outside is rain and clouds!

      1. Shelby S http://bellabakes.net says:

        Oh man! I hope Georgia’s nice weather can make it to you guys! 🙂

  12. Lindsay @ Life, Love and Sugar says:

    These sound absolutely amazing! I LOVE pina coladas! I’m sure as a cupcake, they are even better than the drink!

    1. Thanks Lindsay! I don’t think I could choose between these cupcakes and the actual drink! Why choose? Have both!

  13. That photo of the frosting! Drooling. These look amazing, Sally. I love your tropical changes to your no-fail cupcakes. So good. And how fun that you two are going to Mexico! I may just be the tiniest bit jealous! 🙂 Have a great Wednesday!

    1. I can’t wait to get to Mexico Erin! You have got to try that frosting. You’d love it!

  14. Meg @ The Housewife In Training Files says:

    I like your style of your favorite past time…its my fav too! Pina Colada’s have always been my weakness so it is only natural that I make these 🙂

  15. Averie @ Averie Cooks says:

    I would love one of these to magically appear in front of me. Along with a real pina colada (or 3) and some white sandy beaches 🙂 These cupcakes totally put me in the mood for vacation!

    And yes to the disclaimer that coc milk and cream of coconut/coconut cream not being the same thing. And coc milk in a can and coc milk in a carton, also vastly different. So many coconuts 🙂


    1. I was going insane teaching myself about ALL the coconut milks and creams and etc etc etc. It never ends! But now I know – worlds different in taste and texture. Thanks for commenting on that Averie! And lord knows you deserve about a dozen pina coladas lol.

  16. Weddings in tropical destinations are always a win for everyone! And I totally agree with drinks needing a little umbrella. There’s always room for an umbrella and some fresh fruit garnish! Take me with you?? ;o)

    1. Haha I’d love to bring you along – sounds like you need some rest and relaxation after that surgery Lauren!

      1. You’re so sweet, Sally. <3

  17. Kathi @ Deliciously Yum! says:

    These look amazing – I can pretty much taste them!! These cuties are right up my ally since I am obsessed with anything beachy. And since MN doesn’t have much to offer in that department, I can at least keep dreaming while biting into one of these. Mmmmm!

  18. We are very fortunate to live in the beautiful Florida Keys and these cupcakes will be prefect for my sons 7th birthday party next month!! We always have his party at the beach and I can’t wait to serve these cupcakes!!!!! I will probably serve them will little umbrellas as well 🙂

    1. A birthday party at the beach – what a lucky guy! I wanted to decorate these with umbrellas but I wasn’t about to head to the store just for them. Hope everyone enjoys them, Amanda!

  19. I’ve been wanting to post a pina colada cupcake forever – it’s one of those things on that never ending list of things I want to post :). Yours look perfect!

    1. Thanks Jaclyn!

  20. How much batter do you put in the liner? Yours rise up just to the edge so nicely. Mine always come up and over!

    1. This batter is enough to fill 12 liners 2/3 full. I always, always do 2/3 of the way full with cupcakes.

  21. Alyssa @ My Sequined Life says:

    How festive are these with those little straws! And I’ll take a big bowl of the frosting with a spoon, please! These look so great. Wishing I had one of these little beauties to brighten up my afternoon at work!

  22. Caley Buxton says:

    These are such beautiful, summery cupcakes! I am in love with coconut/pineapple combinations…there was actually a Lindt white-chocolate bar last summer that was AMAZING. Like a vacation! I am sure these cupcakes are just the same. How exciting that you are coming to Colorado! I hope you have a great time…May should be beautiful! Still possibly a little cold at times (especially in the mountains), but hopefully there will be lots of gorgeous flowers 🙂

    1. Caley, I can’t wait of CO!! And that Lindt bar sounds incredible, of course.

  23. Wow!! These cupcakes look amazing…have to make them this week over the weekend!!! Yeaaaa!!!

  24. Anna @ Crunchy Creamy Sweet says:

    These.are.gorgeous. LOVE the tropical flavors, Sally! I can’t wait for summer! And pina coladas!!!

  25. Meriem @ Culinary Couture says:

    Oh Sally! These look amazing and so appropriate for the nice weather we’re finally having!

    1. Yes! Finally some warm days. Feels like spring here too!

  26. Amy @ Amy's Healthy Baking says:

    Sally, you’re just too cute & creative with these cupcakes!! Your adorable fruity and straw decorations are the perfect touch. Not only are you an incredibly talented baker, you make everything look gorgeous too! 🙂 Have a wonderful time in Mexico!! With all of the rain and snow you’ve had this past winter — and your apartment crisis too, my goodness! — you definitely deserve a warm and sunny relaxing vacation!

    1. Thanks so much Amy – I can’t wait to get away! And I took a few photos of these cupcakes plain without the fruit and straws on top and they just didn’t “pop” on camera. I knew they needed some accessorizing. Ha! Thanks so much.

      1. Amy @ Amy's Healthy Baking says:

        That was incredibly quick thinking to come up with the fruit & straws so quickly! You’re a natural! 🙂

  27. Looking at these just puts me in holiday mode!! im sure they tasted delish 🙂

  28. the cupcakes look absolutely amazing, i can’t wait to make them! i’m drooling a little just from looking at the pictures

  29. Ashley | Spoonful of Flavor says:

    Can I just dive right into one of these cupcakes? I am so ready for summer and these cupcakes put me right in the mood to lay on a hammock by the beach enjoying the beautiful weather 🙂

  30. Nicole ~ Cooking for Keeps says:

    If I close my eyes and pretend to be eating these AND at the beach, I’d say I’m in heaven. They look seriously delicious, and they’re ADORABLE. You’re going to love Riviera Maya, it’s one of the most beautiful beaches I’ve ever seen!

    1. The most beautiful beach – that makes me even more excited! Thanks Nicole.

1 2 3 5

With kitchen-tested quality recipes and step-by-step tutorials, my goal is to give you the confidence to bake and cook from scratch.

Sally's signature

Recipes You’ll Love



Join the community on the 1st of every month as we tackle a new challenge recipe.Review Sally's Baking Challenge FAQ page if you have any questions.

View More

A tradition since 2013, every December we countdown to Christmas with 10 new cookie recipes in a row!

View More

The first week of every November is all about Thanksgiving Pies.

View More

My Cookbooks

Sally's Cookbooks

About Sally

Welcome to my Kitchen!

I’m Sally, a cookbook author, photographer, and blogger. My goal is to give you the confidence and knowledge to cook and bake from scratch while providing quality recipes and plenty of pictures. Grab a cookie, take a seat, and have fun exploring! more about Sally