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.

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.

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.

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.

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.

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

Flamingo Cupcakes

Mermaid Cupcakes

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