Pineapple Coconut Cake with Coconut Buttercream
Butter Love & Salt

Pineapple Coconut Cake with Coconut Buttercream

American
30mactive·20mpassive·50mtotal

Save it, plan it, shop for it.

Supper turns recipes like this into a planned week and a sorted grocery list — then walks you through cooking, hands-free. Coming soon to iOS.

FavoritePlan the weekGrocery list

Ingredients

Serves 12
Produce
  • 1 1/2 cup crushed pineapple (with juice)
  • 1 1/2 tbsp cornstarch
  • 1 tbsp lemon juice (more to taste)
  • 1 tbsp Pineapple juice
  • 2 tsp of lemon juice
  • 2/3 cup crushed pineapple (lightly drained)
Proteins
  • 1 cup sweetened shredded coconut
  • 1/2 teaspoon coconut extract
  • 2 cups sweeten shredded coconut (more if desired)
  • 3/4 cup unsweetened canned coconut milk (at room temperature*)
  • 5 large egg whites (at room temperature)
Dairy & sauces
  • 1 tsp vanilla
  • 1 tsp vanilla extract
  • 1/2 cup sour cream (at room temperature)
  • 16 oz cream cheese (brick, room temp)
  • 2 teaspoons pure vanilla extract
Pantry & spices
  • 1 2/3 cups granulated sugar
  • 1 teaspoon salt
  • 1/2 cup unsalted butter
  • 1/2 teaspoon baking soda
  • 1/4 cup + 2 tbsp granulated sugar
  • 1/8 tsp salt
  • 10 tbsp unsalted butter (room temp)
  • 2 1/2 cups cake flour
  • 2 teaspoons baking powder
  • 4-5 cups of powdered sugar (more to taste)
Fats & oils
  • 1/2 cup vegetable or canola oil

Open in Supper to scale servings and turn this into a grocery list.

Steps

  1. Step 1

    Toast all of the shredded Coconut.

  2. Step 2

    Make the Pineapple Filling. In a saucepan, whisk together crushed pineapple, sugar, lemon juice, vanilla and cornstarch over medium heat. Cook for about 6-8 minutes until thickened and the cornstarch is cooked. Then, set aside in the refrigerator.

  3. Step 3

    Make the Pineapple Coconut Cake. Preheat the oven to 350F and grease 3 8-inch round cake pans and line with parchment paper to ensure the batter doesn't stick. Set aside.

  4. Step 4

    In a large mixing bowl, sift and whisk together the flour, baking soda, baking powder, and salt. Set aside.

  5. Step 5

    Beat the butter, oil, and sugar with a mixer on medium-high speed until smooth and creamy, about 2 minutes. Then, mix in sour cream, pineapple chunks, vanilla extract, and coconut extract until combined.

  6. Step 6

    On low speed, add about a third of the flour mixture and a third of the coconut milk, alternating until all of the flour and coconut milk is added to the batter. Be sure not to over mix the batter — a few lumps are okay.

  7. Step 7

    In a separate bowl, whip the eggs whites together on high speed until they form foamy peaks, about 3-4 minutes. Then, add the whipped egg whites to the batter and fold them into the batter along with 1 cup of the shredded coconut (do not mix), scraping the bowl as needed.

  8. Step 8

    Next, evenly divide the batter in the 3 prepared pans. Bake for 20-25 minutes or until a toothpick comes out clean. Note, baking time may vary depending on your oven. Be sure not to overbake or your cake will be dry.

  9. Step 9

    Once done, allow the cakes to cool in the pan on a wire rack until completely cooled.

  10. Step 10

    Make the Frosting. In a large bowl, combine the softened cream cheese with the softened unsalted butter and beat on high until smooth and creamy. Next, mix in coconut extract, vanilla extract, lemon juice, pineapple juice, salt, and gradually add the powdered sugar, mixing on low speed at first to prevent a sugar cloud. When the sugar is pretty much incorporated, beat the frosting for about 2 minutes on high.

  11. Step 11

    Assemble Cake. Place the first layer of cake on a serving plate or cake stand. Spread a layer of buttercream on the cake starting from the center and gently spread it outward. Then, pipe a thick rim of frosting around the edge of the cake. Spoon half of the pineapple filling on top of the buttercream in the center and gently spread it outward (again, stopping before the buttercream rim and keeping it slightly lower than the dam to prevent leaking). This combination of buttercream and filling in the center helps support the cake layers while the buttercream border keeps the pineapple filling neatly in place. Next, add the second and repeat. Once the second layer is complete, place the last later on top and frost the top and sides of the cake. Then, add the toasted coconut to the side of the cake. Then, decorate the top of the cake with swirls of frosting and pieces of pineapple. Garnish the top with toasted coconut.

  12. Step 12

    Refrigerate the cake for at least 20-30 minutes before slicing. Then, enjoy!

Interactive, hands-free timers are available in the Supper app.

Source: Butter Love & Salt

This is just one recipe

Supper makes every dinner this easy

Swipe Together

For couples who can't agree on dinner.

Same phone, two thumbs. Both swipe right and it's a match. Turns "I don't know, what do you want?" into a game you actually finish.

Way

Faster than scrolling

Most

Arguments resolved

Many

Pizzas eaten

ItalianPasta

Spicy Vodka Rigatoni

ItalianPasta

Spicy Vodka Rigatoni

Cook

Follow along, hands-free.

Step-by-step cook mode that stays out of your way. Tuck it to the edge while you stir. Pull it back when you're ready for the next step.

Tried · Cooked 3×

Mark it cooked and Supper remembers — your wins wear a badge and jump the line next time you can't decide.

Try dragging the floating pill to the edge
9:41
supper.
D
Spicy Vodka Rigatoni
Tried

Cooking now

Spicy Vodka Rigatoni

Step 3 of 6

Sauté the aromatics

Heat 2 tbsp olive oil in a large pan over medium heat. Add diced onion and cook 3-4 minutes until translucent.

2 tbsp olive oil1 yellow onion, diced

Timer

03:42

Cooking

Vodka Rigatoni

Explore
Favorites
Decide
Grocery
supper.

What's for supper?

Join the waitlist. We'll let you know the day it ships.