It’s a tropical vacation in a bite! These coconut cupcake are filled with crushed pineapple and topped with coconut buttercream.

Pineapple Coconut Cupcakes
Want to save this recipe?
Just enter your email and get it sent to your inbox! Plus you’ll get new recipes from us every week!
Please enable JavaScript in your browser to complete this form.

I constantly have summer on the brain. Perhaps because I can’t enough of warm days filled with sunshine.

While I love cloudy/rainy days (especially since they’re such a rare occurrence in LA), there’s something about summer that always puts me at ease.

Until then, we’re eating dozens of these pineapple coconut cupcakes in anticipation of summer vacation, beach trips, pool parties, and endless bottles of rosรฉ!

Pineapple Coconut Cupcakes

Coconut Cupcakes filled with crushed pineapple

I’m sharing the recipe for these cupcakes over at BHG’s Delish Dish blog. I upped the tropical-ness of these simpleย vanilla bean-coconut cupcakes by adding pineapple.

Pineapple Coconut Cupcakes

Once the coconut cupcakes have cooled, I scooped out a little cavity in the center of the cupcake.

The hole is filled with crushed pineapples (Canned pineapple works great! Drain out the excess liquids.)

Cover the pineapple surprise with coconut buttercream. It’s a sweet and fruity surprise when you bite into the cupcake!

Pineapple Coconut Cupcakes
No ratings yet

Pineapple Coconut Cupcakes

It's a tropical vacation in a bite! These coconut cupcake are filled with crushed pineapple and topped with coconut buttercream.
Servings: 18 cupcakes
Pineapple Coconut Cupcakes
Prep Time: 30 minutes
Cook Time: 20 minutes
Total Time: 50 minutes
Save This Recipe!
Get this sent to your inbox, plus get a quick newsletter from us every week!
Please enable JavaScript in your browser to complete this form.

Ingredients

Cupcakes:

  • 14 oz can unsweetened coconut milk*
  • 2 teaspoon vanilla paste, or pure vanilla extract
  • 1 ยพ cup all-purpose flour
  • ยผ cup almond flour
  • 2 ยผ teaspoon baking powder
  • ยฝ teaspoon kosher salt
  • ยพ cup unsalted butter, softened
  • 1 โ…“ cup granulated sugar
  • 3 large eggs, room temp

Filling and Topping:

  • 8 oz can crushed pineapple, drained
  • 1 cup flaked coconut, lightly toasted

Vanilla-Coconut Frosting:

  • 1 cup unsalted butter
  • โ…› teaspoon kosher salt
  • 3 ยผ cup confectioners' sugar
  • reserved coconut milk from cupcakes

Instructions 

  • For the full directions visitย BHG.com.

Notes

*Note: This recipe requires the use of canned coconut milk. Do not use the coconut milk found in the refrigerated section of the market.
iconLike this recipe? Rate & comment below!
Pineapple Coconut Cupcakes

You May Also Like

Leave a comment

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

Recipe Rating




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

3 Comments

  1. Tracey Gibson says:

    Why can I not use the coconut milk out of the fridge – I have a carton and was going to use it on these? Thank you.

    1. Maryanne Cabrera says:

      The recipe requires full-fat coconut milk. The coconut milk sold in containers are often watered down.

  2. Mary Ann | The Beach House Kitchen says:

    These beauties are calling my name Maryanne! They look and sound wonderful!