Pina Colada Cupcakes are a fun little treat inspired by the classic tropical drink, with sweet pineapple and creamy coconut in every bite. They’re soft, moist, and finished with flavors that make them feel like a mini vacation without being complicated to make.
I love making these cupcakes when I want something a little different from the usual vanilla or chocolate dessert. They’re easy enough for a relaxed weekend bake, and the tropical flavor makes them a lovely choice for family gatherings, parties, or simply enjoying with a cup of coffee.

Table of Contents
Pina Colada Cupcakes Ingredients
- 1 ½ cups all-purpose flour
- 1 ½ teaspoons baking powder
- ¼ teaspoon salt
- ½ cup unsalted butter, softened
- ¾ cup granulated sugar
- 2 large eggs
- 1 teaspoon vanilla extract
- ½ cup coconut milk
- ½ cup crushed pineapple, well drained
- ½ cup sweetened shredded coconut
For the Coconut Frosting
- ½ cup unsalted butter, softened
- 2 cups powdered sugar
- 2–3 tablespoons coconut milk
- 1 teaspoon vanilla extract
- ¼ cup sweetened shredded coconut, for topping
How to Make Pina Colada Cupcakes
Step 1: Prepare the Batter
Preheat the oven to 350°F (175°C) and line a muffin pan with cupcake liners. Whisk together the flour, baking powder, and salt in a bowl.
Step 2: Mix the Wet Ingredients
Beat the softened butter and sugar until light and creamy. Add the eggs one at a time, then mix in the vanilla extract.
Step 3: Combine Everything
Add the dry ingredients gradually, alternating with the coconut milk. Gently fold in the drained crushed pineapple and shredded coconut until just combined.

Step 4: Bake the Cupcakes
Divide the batter evenly among the cupcake liners, filling each about two-thirds full. Bake for 18–22 minutes, or until a toothpick inserted in the center comes out clean. Let them cool completely.


Step 5: Make the Frosting
Beat the softened butter until smooth, then gradually add the powdered sugar. Mix in the coconut milk and vanilla until the frosting is creamy and fluffy.
Step 6: Decorate and Serve
Spread or pipe the coconut frosting over the cooled cupcakes. Sprinkle with shredded coconut and serve once decorated.
Why You’ll Love This Recipe
- Tropical Flavor: Sweet pineapple and creamy coconut give these cupcakes a delicious tropical taste.
- Soft and Moist: The coconut milk and pineapple help keep the cupcakes tender and moist.
- Easy to Make: The simple ingredients and straightforward steps make this recipe beginner-friendly.
- Light and Sweet: They’re sweet enough for dessert without feeling too heavy.
Tips and Shortcuts
- Drain the Pineapple Well: Remove as much extra liquid as possible so the cupcakes don’t become soggy.
- Use Room-Temperature Ingredients: Softened butter and room-temperature eggs help create a smoother, more even batter.
- Don’t Overmix: Mix the batter just until the ingredients are combined to keep the cupcakes soft.
What to Serve with Pina Colada Cupcakes
These piña colada cupcakes bring a little tropical flavor to any gathering. I love arranging them on a dessert tray when my friends visit, with fresh pineapple chunks and toasted coconut on the side. A chilled glass of lemonade pairs beautifully with their sweet, creamy flavor and makes the occasion feel like a summer treat.

Frequently Asked Questions
Can I use fresh pineapple instead of canned pineapple ?
Yes. Finely chop fresh pineapple and drain any excess juice before adding it to the batter.
Can I use pineapple juice instead of coconut milk ?
It’s better to use coconut milk for the intended flavor and texture. Pineapple juice can make the batter wetter and change the consistency.
How do I keep the cupcakes moist ?
Avoid overbaking them and measure the flour carefully. The coconut milk and pineapple also help give the cupcakes a soft texture.
Can I use coconut cream ?
Yes, but coconut cream is thicker and richer than coconut milk. You may need to adjust the amount slightly to keep the frosting or batter smooth.
How to Store Leftovers
Refrigerator Storage
Store the frosted Pina Colada Cupcakes in an airtight container in the refrigerator for up to 3 days. Let them sit at room temperature for a few minutes before serving for the best texture.
Freezer Storage
For longer storage, freeze the unfrosted cupcakes in an airtight container or freezer-safe bag for up to 2 months. Thaw them at room temperature, then frost and decorate before serving.
Pina Colada Cupcakes
Course: DessertCuisine: AmericanDifficulty: Easy4
servings30
minutes40
minutes300
kcal1
hour10
minutesSoft, moist cupcakes made with crushed pineapple, coconut milk, and shredded coconut, topped with creamy coconut frosting. They’re a simple tropical-inspired dessert that works well for family gatherings, parties, or an everyday sweet treat.
Ingredients
For the Cupcakes
1 ½ cups all-purpose flour
1 ½ teaspoons baking powder
¼ teaspoon salt
½ cup unsalted butter, softened
¾ cup granulated sugar
2 large eggs
1 teaspoon vanilla extract
½ cup coconut milk
½ cup crushed pineapple, well drained
½ cup sweetened shredded coconut
For the Coconut Frosting
½ cup unsalted butter, softened
2 cups powdered sugar
2–3 tablespoons coconut milk
1 teaspoon vanilla extract
¼ cup sweetened shredded coconut, for topping
Directions
- Prepare the Oven: Preheat the oven to 350°F (175°C) and line a 12-cup muffin pan with cupcake liners.
- Mix the Dry Ingredients: Whisk together the flour, baking powder, and salt in a medium bowl.
- Cream the Butter and Sugar: Beat the softened butter and granulated sugar until light and creamy. Add the eggs one at a time, then mix in the vanilla.
- Make the Batter: Gradually add the dry ingredients, alternating with the coconut milk. Gently fold in the drained pineapple and shredded coconut until just combined.
- Bake: Divide the batter evenly among the liners, filling each about two-thirds full. Bake for 18–22 minutes, or until a toothpick inserted in the center comes out clean. Cool completely.
- Make the Frosting: Beat the softened butter until smooth. Gradually add the powdered sugar, then mix in the coconut milk and vanilla until creamy and fluffy.
- Decorate: Pipe or spread the frosting over the cooled cupcakes and sprinkle with shredded coconut.
Notes
- Drain the crushed pineapple well to prevent excess moisture in the cupcakes.
- Let the cupcakes cool completely before frosting.
- Unsweetened shredded coconut can be used for a less-sweet result.
Save this recipe for later on Pinterest
