Dairy-Free Gluten-Free Piña Colada Cake Recipe

“If you like pina coladas…and getting caught in the rain…”

This tune can mean only one thing: it’s time for a pina colada cake. Imagine a warm summer afternoon on the patio with a frosty rum-laced pina colada in hand. This gluten-free pina colada cake captures that tropical vibe with tender coconut cake layers, bright pineapple filling, and a whisper of rum.


Note: This post contains affiliate links to which I earn a small commission, at no extra cost to you. Thank you for supporting CAKED by Katie.

A pina colada cake covered in shredded coconut and topped with white frosting swirls and dried candied pineapples.

What Is A Gluten-Free Pina Colada Cake Made Of?

At its core this cake is built from moist coconut cake layers made with full-fat canned coconut milk, paired with a sweet, gently cooked pineapple filling. Each layer gets brushed with a rum-and-coconut milk soak for added depth and a true pina colada note.

The cake is finished with a light, whipped coconut buttercream and rolled in unsweetened shredded coconut for texture and visual appeal. Together the elements deliver the classic coconut-pineapple-rum trio in cake form—refreshing, summery, and indulgent.

A slice of pina colada cake laying on a plate with white frosting between each cake layer and pineapple filling.

How To Make The Coconut Cake

To achieve the softest, most tender coconut crumb, use full-fat canned coconut milk—not carton milk or the thin coconut water. The richness of canned coconut milk keeps the cake moist and gives it that unmistakable coconut flavor.

This recipe adapts a reliable vanilla cake base by replacing dairy-free almond milk with canned coconut milk and adding a teaspoon of coconut extract for a pop of flavor. That extract is optional but recommended if you want the coconut flavor to shine.

I baked this version as four 6-inch rounds, but you can also make cupcakes or two 8- or 9-inch rounds; baking times will vary based on pan size.

A close up of a cake top covered in shredded coconut and white frosting swirls with dried pineapples on top of each swirl.

Rum And Coconut Milk Soak

Rather than waste the leftover canned coconut milk, mix it with about 1/4 cup rum to create a soak that you brush onto cooled cake layers. The soak adds moisture and a subtle rum flavor—Malibu or pineapple liqueur would also work beautifully.

If you prefer alcohol-free, skip the rum or replace it with a teaspoon of rum extract. You won’t use all of the soak; just enough to lightly moisten each layer.

How To Make Pineapple Filling

The pineapple filling is quick and adds the fresh, fruity center the cake needs. Combine 1 cup crushed canned pineapple (with juice) with a small amount of sugar, cornstarch, and salt in a saucepan. Cook over medium heat, stirring, until the mixture thickens enough to coat the back of a spoon—about 5–7 minutes.

When thickened, remove from heat and stir in the butter until smooth. Transfer to a shallow dish, press plastic wrap directly onto the surface to prevent a skin, and chill for at least 3 hours or overnight so it sets before filling the cake.

The inside shot of a pina colada layer cake with white frosting between each cake layer and pineapple filling.

Best Gluten-Free Pina Colada Cake From Scratch

This dairy-free and gluten-free pina colada cake is a summer-ready dessert: fluffy coconut cake layers brushed with a rum-coconut soak, filled with bright pineapple curd, and wrapped in creamy coconut buttercream. Each bite tastes like a celebration on the patio.

Decorate with shredded coconut and dried pineapple chunks for a classic look, pipe buttercream rosettes if you like, and serve chilled or at room temperature. It’s a crowd-pleaser for those who love tropical flavors.

A slice of pina colada cake standing on a clear plastic plate topped with a white frosting swirl and dried pineapple candy.

More fresh summer treats

  • Raspberry Blondies
  • Pink Lemonade Cake
  • S’Mores Cake
  • Key Lime Pie Cookies
  • Lemon Raspberry Layer Cake
  • Grape Cake
The inside of a pina colada cake with white frosting between each cake layer and pineapple filling.

Gluten-Free Pina Colada Cake (Dairy-Free)


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

5 from 11 reviews

  • Author: Katie Stymiest
  • Total Time: 1 Hour 20 Minutes
  • Yield: 10 Slices

Description

A summery gluten-free pina colada cake packed with coconut and pineapple flavors with an optional hint of rum. It’s a refreshing, dairy-free dessert perfect for special occasions or warm-weather gatherings.


Ingredients

Coconut Cake

  • 3/4 cup canned full-fat coconut milk, room temperature
  • 1/4 cup vegetable oil
  • 2 large eggs, room temperature (or liquid egg replacer for vegan)
  • 1 tablespoon vanilla extract
  • 1 teaspoon coconut extract (optional)
  • 1 3/4 cup gluten-free 1:1 baking blend (or regular cake flour)
  • 1 1/2 cup granulated sugar
  • 2 teaspoons baking powder
  • 1 teaspoon fine sea salt
  • 1/4 teaspoon baking soda
  • 2/3 cup dairy-free salted butter, room temperature

Rum Cake Soak

  • Remaining canned coconut milk
  • 1/4 cup rum (optional)

Pineapple Filling

  • 1 cup canned crushed pineapple, with juice
  • 1/8 cup granulated sugar
  • 1 1/2 tablespoon cornstarch
  • 1/2 teaspoon fine sea salt
  • 1 tablespoon dairy-free salted butter, room temperature

Coconut Buttercream

  • 2 cups dairy-free salted butter, room temperature
  • 6 cups powdered sugar
  • 1 tablespoon rum (optional)
  • 2 teaspoons coconut extract
  • 1 teaspoon fine sea salt

Cake Decor

  • Unsweetened shredded coconut, medium
  • Dried pineapple chunks

Instructions

Coconut Cake

  1. Preheat oven to 350ºF. Spray and line four 6-inch round cake pans with parchment.
  2. In a small mixing bowl, whisk together the coconut milk, vegetable oil, eggs, vanilla, and coconut extract. Set aside.
  3. In the bowl of a stand mixer with the flat beater, combine flour, sugar, baking powder, baking soda, and salt; mix briefly.
  4. Slowly add the butter in small pieces and mix on low until the mixture resembles coarse sand.
  5. Pour in about half the liquid mixture and mix on high for 2 minutes.
  6. Add the remaining liquid and mix on high for another 2 minutes, scraping the bowl as needed.
  7. Divide batter between prepared pans and bake 18–22 minutes, or until a toothpick comes out with a few moist crumbs.
  8. Cool in pans for 10 minutes, then invert onto a rack to cool completely.

Rum Cake Soak

  1. Combine the remaining canned coconut milk and rum in a small bowl.
  2. Brush or drizzle a little of the soak onto each cooled, leveled cake layer. You won’t need all of it.

Pineapple Filling

  1. Over medium heat in a small pot, combine crushed pineapple, sugar, cornstarch, and salt.
  2. Stir until the mixture thickens enough to coat the back of a spoon, about 5–7 minutes.
  3. Remove from heat and stir in butter until melted and smooth.
  4. Transfer to a shallow dish, press plastic wrap directly on the surface, and chill for at least 3 hours or overnight.

Coconut Buttercream

  1. In a stand mixer with the paddle attachment, beat the butter on high until light and fluffy, about 10 minutes.
  2. Add powdered sugar, rum (if using), coconut extract, and salt; mix on low until combined.
  3. Increase to high and beat 4–5 minutes until smooth and creamy, scraping the bowl as needed.

Cake Assembly

  1. Level each cooled cake layer with a cake leveler or knife.
  2. Brush each layer with the rum-coconut soak.
  3. Place one layer on a cake board or plate and spread about 1 cup of buttercream. Pipe a border and fill with about 1/4 cup pineapple filling.
  4. Repeat with remaining layers, then apply a thin crumb coat of buttercream and chill 20 minutes.
  5. Finish with another coat of buttercream, smooth the sides, and press shredded coconut onto the cake.
  6. Pipe swirls around the top edge and garnish each swirl with a dried pineapple chunk. Serve and enjoy.

Notes

Coconut extract in the cake is optional.

Rum in the soak and buttercream is optional.

You will not use all of the soak—just enough to moisten the top of each layer.

  • Prep Time: 60 Minutes
  • Cook Time: 20 Minutes
  • Category: Cake
  • Method: Baking
  • Cuisine: American

Nutrition

  • Serving Size: 1 Slice
  • Calories: 932
  • Sugar: 87 g
  • Sodium: 938 mg
  • Fat: 52 g
  • Saturated Fat: 33 g
  • Carbohydrates: 101 g
  • Fiber: 2 g
  • Protein: 6 g
  • Cholesterol: 139 mg

Did you make this recipe?

Share a photo and tag me — I can’t wait to see what you’ve made!