Moist Pineapple Cupcakes with Cream Cheese Frosting

These pineapple cupcakes bring a taste of the tropics! Pineapple-flavored cupcakes are filled with fresh pineapple, topped with coconut buttercream and toasted coconut, and 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 SugarHero.com

Cute Summer Cupcakes

If you love bright, summery treats, these pineapple cupcakes are irresistible. They combine tender, pineapple-flavored cake with a fresh pineapple filling, coconut buttercream, and toasted coconut for classic tropical flavor. To top it off, each cupcake gets a tiny buttercream pineapple for a playful finish.

Pineapple Cupcake with coconut buttercream and fresh pineapple spilling out of the center | From SugarHero.com

These cupcakes are perfect for backyard parties, barbecues, luaus, or any occasion that calls for a bright, fruity dessert. They’re playful, flavorful, and surprisingly easy to make.

🍍Pineapple Flavor

The cake batter is flavored to taste like pineapple. The original recipe uses pineapple Kool-Aid powder as a convenient way to add bold pineapple flavor, but you can substitute pineapple extract, baking emulsions, or any concentrated pineapple flavoring you prefer. If you’d rather keep things simple, make a basic vanilla cupcake and rely on the fresh pineapple filling to provide the tropical note.

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

Coconut Buttercream

The cupcakes are crowned with a light, fluffy coconut buttercream and then rolled along the sides in toasted shredded coconut for texture and flavor. The coconut complements the pineapple beautifully; if you dislike coconut, a simple vanilla buttercream will work as well.

Two pineapple cupcakes with coconut buttercream and fresh pineapple pieces | From SugarHero.com

How to Make a Buttercream Pineapple

The little buttercream pineapples are the charming detail that makes these cupcakes stand out. They’re simple to pipe and look great with a bit of color variation.

Make a multi-colored piping bag by placing brown and yellow buttercream side-by-side, then pipe a short cylinder in the center of each cupcake. Use a small star tip to pipe mini stars all around the cylinder to create the pineapple texture, and add a few small green leaves on top. The result is a sweet, realistic-looking buttercream pineapple.

Close-up of buttercream pineapple on top of pineapple cupcakes | From SugarHero.com

These cupcakes are festive and fun to make—ideal for summer gatherings or anytime you want a tropical-themed dessert.

🍍More Tropical Fruit Inspired Desserts to Try!

  • Mai Tai Bundt Cakes
  • Peach Passion Pops
  • Passion Fruit Bars
  • Lemon Coconut Snowball Cake
  • Dirty Coke Fudge
Close up of a Flamingo Cupcake on a blue surface.

Flamingo Cupcakes

Flamingo Cupcakes – pink lemonade cupcakes decorated to look like flamingos; cute and perfect for summer.
Close up of Mermaid Cupcakes on white doilies and blue glitter.

Mermaid Cupcakes

Mermaid Cupcakes – ocean-inspired cupcakes decorated with toasted coconut “sand”, edible tails, sugar pearls, and shimmering chocolate seashells.
Print
Close up of a Pineapple Cupcake on a cutting board next to sliced pineapple.

Pineapple Cupcakes

Author Elizabeth LaBau
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 hr 30 mins
Cook20 mins
Total1 hr 50 mins
Yields24 cupcakes

Ingredients

For the Cupcakes:

  • 2 ¾ cups (12.33 oz) all-purpose flour
  • 2 ¼ tsp baking powder
  • ½ tsp salt
  • 1 cup (8 oz) unsalted butter, room temperature
  • 1 ½ cups (10.5 oz) granulated sugar
  • 2 packets pineapple Kool-Aid powder (.16 oz each) or substitute pineapple extract
  • 4 large eggs, room temperature
  • 1 tsp vanilla extract
  • 1 cup (8 fl oz) milk

For the Buttercream:

  • ¾ cup (6 fl oz) pasteurized liquid egg whites
  • 6 cups (24 oz) powdered sugar
  • ½ tsp salt
  • 6 sticks (24 oz) unsalted butter, room temperature
  • 1 tbsp coconut extract

To Assemble:

  • 1 cup pineapple chunks, finely chopped
  • 1 cup toasted shredded coconut
  • Brown gel food coloring
  • Yellow gel food coloring
  • Green gel food coloring

Instructions

To Make the Cupcakes:

  • Line 24 muffin tins with papers and preheat oven to 350°F. Sift together flour, baking powder, and salt; set aside.
  • Beat sugar, room-temperature butter, and pineapple flavor (Kool-Aid or extract) on medium speed until light and fluffy, about 3–5 minutes.
  • Add eggs one at a time, beating well after each, then mix in vanilla.
  • Alternate adding the dry ingredients and milk, beginning and ending with the dry ingredients, mixing until just combined.
  • Fill liners about ¾ full and bake at 350°F for 20–22 minutes. Cool completely before filling and decorating.

To Make the Buttercream:

  • Mix egg whites, powdered sugar, and salt on low until the sugar is moistened. Beat on medium for 5 minutes, scraping the bowl as needed.
  • Add softened butter in 1–2 tablespoon increments on medium-low until incorporated. Mix in coconut extract, then beat on medium for 10 minutes until light and creamy.
  • Reserve several cups of buttercream for piping the tops and the small buttercream pineapples.

To Assemble:

  • Cut a cone-shaped hole from the top of each cupcake and fill with finely chopped pineapple. Trim the removed cone and replace the top.
  • Pipe a large swirl of coconut buttercream on each cupcake. Heat a metal spatula in hot water, dry it, and press it gently on the buttercream while sliding to create a flat, even top.
  • Roll the sides of each cupcake in toasted coconut, keeping the tops clear.
  • Color portions of buttercream green, yellow, and brown. Layer brown and yellow on plastic wrap, roll into a cylinder, and place snipped-side down into a piping bag. Pipe a 1-inch cylinder in the center of each cupcake, then switch to a small star tip and pipe stars all over the cylinder to form the pineapple texture. Add green leaves on top.
  • Store in an airtight container in the refrigerator for 3–4 days. For best flavor and texture, bring to room temperature before serving.

Recipe Notes

This recipe uses pineapple Kool-Aid to flavor the cupcakes; if you prefer, substitute 1½ tsp pineapple extract or another concentrated pineapple flavor.

To toast coconut: spread shredded coconut on a baking sheet and toast at 350°F, stirring every 3–4 minutes until golden. Timing varies by moisture level; expect several short cycles until browned.

Measuring Tips

These recipes were developed using weight measurements; a kitchen scale produces the most consistent results. Volume measurements are provided as a convenience, but weights are recommended for baking accuracy.

Nutrition

Calories: 450 kcal |
Carbohydrates: 43 g |
Protein: 3 g |
Fat: 31 g |
Sugar: 31 g


Tried this recipe?
Snap a photo and tag your creation with #SugarHero. We love seeing your baking projects.