These Pineapple Cupcakes are fun and tropical! Pineapple-flavored cupcakes are filled with fresh pineapple and topped with coconut buttercream and toasted coconut. Best of all, they’re finished with an adorable buttercream pineapple on top!

Close-up of a single pineapple cupcake with coconut frosting and a buttercream pineapple on top | From

I know, I know, I have GOT to calm down with the summer cupcakes. It’s gotten a little out of control. (Flamingo Cupcakes and Mermaid Cupcakes, I’m looking in your direction.) But are you seriously going to look at a wee little pineapple made out of buttercream and tell me, stone cold, that you’d rather have pumpkin or apple desserts right now? I THOUGHT NOT.

Two pineapple cupcakes with coconut buttercream and fresh pineapple pieces | From

So yes! We are doing this pineapple cupcake thing, and we are topping them with buttercream pineapples because we CAN, and we SHOULD, and they’re maybe the cutest things I’ve ever seen in my life. Isn’t that a good enough reason?!

Pineapple cupcake with a bite taken out of it and fresh pineapple in the middle, topped with coconut buttercream | From

But let’s rewind for a minute. These cupcakes are flavored like pineapple, and to get that flava, I used a very exclusive and expensive ingredient called pineapple Kool-Aid. Yes, I’m talking about those same drink packets you can buy for a quarter in the grocery store that your mother never let you have because she cared about your health and also hated fun. (Just me? Okay then.)

If you’re not familiar with Kool-Aid, it’s basically powdered flavoring that you mix with water and sugar, and it makes a fruity drink. It’s kind of a treat only children can love, but I’ve found that the powdered form is a cheater’s way to get strong flavor in a small package.  I chose this because it’s readily available in most grocery stores in my area, but please, feel free to use whatever pineapple flavoring you can get your hands on! (Extracts, baking emulsions, etc.) Or just make vanilla cupcakes and trust that the fresh pineapple filling–because OF COURSE there’s a fresh pineapple filling–will do the job for you.

Close-up of buttercream pineapple on top of pineapple cupcakes | From

So we’ve got pineapple cupcakes filled with fresh pineapple. They’re topped with coconut buttercream, rolled in a little toasted coconut around the edges. The pineapple-coconut combination is so classic, I didn’t want to mess with it, but if you’re a coconut hater you can keep it simple and use vanilla frosting instead.

And finally, the piece that elevates these cupcakes from merely “good” to “sweet Moses those are so adorable”… a small buttercream pineapple on top of each one!

Group of three Pineapple Cupcakes with fresh pineapple in the background | From

The pineapples are deceptively easy to make! You’ll want to create a multi-colored frosting bag with yellow and brown frosting (similar to the technique I used in these Hydrangea Cakes) so that the pineapples look realistic–well, as realistic as frosting fruit can look, that is. Pipe a 1-inch tube of frosting on top of each cupcake, then use a small star tip to pipe stars all over the outside of it to make a pineapple shape. A few green leaves on top, and boom! Your buttercream masterpiece is finished.

Pineapple Cupcakes - fun and tropical pineapple cupcakes with coconut frosting. Plus an adorable buttercream pineapple on top! | From
Pineapple Cupcake with coconut buttercream and fresh pineapple spilling out of the center | From

These are perfect for outdoor parties, barbecues, luaus, or any occasion where you need a little tropical treat. Enjoy!

🍍More Tropical Fruit Inspired Desserts to Try!

Close up of a Flamingo Cupcake on a blue surface.

Flamingo Cupcakes

Flamingo Cupcakes – everyone loves these pink lemonade cupcakes decorated to look like pink flamingos! They’re easy, cute, and perfect for summer!
View Recipe
Close up of Mermaid Cupcakes on white doilies and blue glitter.

Mermaid Cupcakes

Mermaid Cupcakes are gorgeous cupcakes inspired by the ocean and the magic of mermaids! Cupcakes of your choice are decorated with toasted coconut "sand", edible mermaid tails, sugar pearls, and shimmering chocolate seashells.
View Recipe
Close up of a Pineapple Cupcake on a cutting board next to sliced pineapple.

Pineapple Cupcakes

5 from 1 vote
These Pineapple Cupcakes are fun and tropical! Pineapple-flavored cupcakes are filled with fresh pineapple and topped with coconut buttercream and toasted coconut. Best of all, they're finished with an adorable buttercream pineapple on top!
Prep1 hour 30 minutes
Cook20 minutes
Total1 hour 50 minutes
Yields24 cupcakes


For the Cupcakes:

For the Buttercream:

  • 6 fl oz pasteurized liquid egg whites, (3/4 cup)
  • 24 oz powdered sugar, (6 cups)
  • 1/2 tsp salt
  • 24 oz unsalted butter, (6 sticks), at room temperature
  • 1 TBSP coconut extract

To Assemble:


To Make the Cupcakes:

  • Line 24 muffin tins with cupcake papers and preheat the oven to 350 F. In a small bowl, sift together the flour, baking powder, and salt, and set aside for a moment.
  • In a large mixing bowl, combine the sugar, room temperature butter, and pineapple Kool-Aid powder, and beat them together on medium speed until light and fluffy, for 3-5 minutes.
  • Add the eggs, one at a time, beating well after each addition, then add the vanilla extract and mix it in.
  • Add a third of the flour mixture to the mixing bowl, and mix it in until just a few streaks of flour remain. Add half of the milk, and when it’s incorporated, continue to alternate adding the dry and wet ingredients until everything is added.
  • Scrape down the bottom and sides of the mixing bowl with a spatula. Spoon the batter into the cupcake liners, filling about 3/4 full. Bake at 350° F for 20-22 minutes. Let cool completely before filling and decorating.

To Make the Buttercream:

  • Combine the whites, powdered sugar, and salt in the bowl of a large stand mixer fitted with a paddle attachment. Mix everything together on low speed, until the sugar is moistened and no dry patches remain. Turn off the mixer, scrape down the sides and bottom of the bowl with a spatula, then turn the mixer to medium speed. Beat on medium for 5 minutes.
  • After 5 minutes, turn the mixer to medium-low and start adding the softened room temperature butter, 1-2 tablespoons at a time. Once all of the butter is incorporated, add the coconut extract and mix it in. Stop the mixer and scrape down the bottom and sides once more. Turn the speed to medium and beat the buttercream for 10 minutes. At the end, you’ll have a frosting with a wonderfully light and creamy texture.
  • Place a few cups of buttercream into a piping bag fitted with a coupler.

To Assemble:

  • Use a sharp paring knife to cut a cone-shaped hole out of the top of the cupcakes. Finely chop the pineapple chunks into small pieces, and scoop a spoonful of pineapple into each hole, almost all the way to the top. Cut the bottom off of the cupcake cones, and replace the top of each cupcake.
  • Pipe a big swirl of coconut frosting on top of each cupcake. Place a metal spatula in a pitcher of very hot water, to heat the metal, and dry it off so it’s hot but not wet. Press the spatula on top of the buttercream and gently slide it back and forth, using even pressure, so that you flatten out the top of the frosting, creating a round and completely flat frosting surface. Repeat with all of the cupcakes.
  • Roll the sides of each cupcake in the toasted coconut, keeping the flat tops of the cupcakes clear.
  • Divide and color the remaining buttercream: color about 1 of the frosting green, and place it in a piping bag with a small leaf tip. Color half of the remaining frosting yellow, and half brown. Lay out a piece of plastic wrap about 16 inches long. Spread a rectangle of brown frosting on the plastic wrap, about 10 inches by 6 inches. Spread the yellow frosting right on top of the brown. Roll the frosting over itself to make a cylinder. Grasp the ends of the plastic wrap in each hand, and twirl it quickly so the frosting is burrito-shaped and the ends of the plastic are tightly twisted. Snip off one of the plastic wrap “tails” and insert the frosting cylinder into a piping bag fitted with a round coupler, snipped-side down.
  • Hold the piping bag perpendicular to the top of the cupcake, and squeeze with even pressure to pipe a cylinder of frosting in the center of the cupcake, about 1-inch tall. After each cupcake has a cylinder, fit the piping bag with a small star tip (I used Ateco #15) and squeeze mini stars all over the frosting cylinder, going all the way around, so that it looks like a pineapple.
  • Finish by adding green leaves on top of each pineapple. These Pineapple Cupcakes can be kept in an airtight container in the refrigerator for 3-4 days, but for the best taste and texture, serve them at room temperature.


Recipe Notes

This recipe uses pineapple Kool-Aid to flavor the cupcakes, but if you can find pineapple extract or flavoring, you can substitute 1.5 tsp of that instead. 
To toast coconut, spread it out on a baking sheet and toast it in a 350-degree oven, stirring well every 3-4 minutes. Exact time will depend on the moisture level of the coconut, but it usually takes about 2-4 cycles of stirring for my coconut to reach a golden brown color.

Measuring Tips

Our recipes are developed using weight measurements, and we highly recommend using a kitchen scale for baking whenever possible. However, if you prefer to use cups, volume measurements are provided as well. PLEASE NOTE: the adage “8 oz = 1 cup” is NOT true when speaking about weight, so don’t be concerned if the measurements don’t fit this formula.

Want to learn more about baking measurements and conversion?


Calories: 450kcal | Carbohydrates: 43g | Protein: 3g | Fat: 31g | Saturated Fat: 19g | Cholesterol: 109mg | Sodium: 129mg | Potassium: 89mg | Sugar: 31g | Vitamin A: 1010IU | Vitamin C: 2.2mg | Calcium: 31mg | Iron: 0.9mg
Tried this recipe?Snap a pic and hashtag it #SugarHero. We love to see your creations on our Instagram @elabau.

Meet Elizabeth!

Hi, I’m Elizabeth — a trained pastry chef, cookbook author, video instructor, and your new Baking BFF! I’m going to teach you everything you need to know to be a sugar hero. ❤️

Related Recipes

Leave a comment

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

Rate This Recipe!

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