Sweet Potato Coconut Cake Recipe: Tropical Moisture With Crispy Top

Desserts

Sweet Potato Coconut Cake Recipe: Tropical Moisture With Crispy Top

This sweet potato coconut cake recipe delivers the perfect balance of tropical moisture and golden, crispy edges—no one will guess it's vegan. 🌴 The secret lies in roasting the sweet potatoes first to concentrate their natural sweetness, then blending them into a velvety batter infused with coconut milk and zesty citrus.

Every slice stays tender and rich, with a subtle caramelized crust that makes it irresistible.

What sets this cake apart is its foolproof technique for achieving that signature crispy top while keeping the interior impossibly moist. No special equipment is needed—just a standard oven and a few simple ingredients you might already have on hand.

The coconut flavor shines through without overpowering, thanks to a careful balance of coconut milk, shredded coconut, and a touch of vanilla. It bakes up in one hour with minimal effort, making it ideal for both special occasions and weeknight cravings.

The result is a cake that’s naturally sweetened with sweet potatoes, so you won’t need extra sugar, and the coconut adds a luxurious tropical vibe that pairs beautifully with whipped coconut cream or a sprinkle of toasted coconut flakes.

The texture is what truly impresses—tender, crumb-free layers that dissolve on the tongue, all topped with that perfect crispy finish. This is the kind of dessert that feels indulgent yet stays light enough for any time of day.

Perfect for brunch gatherings, potlucks, or a cozy dessert after dinner, this cake also freezes beautifully for up to three months. Let’s get baking—your taste buds will thank you.

👨‍🍳
Difficulty
Medium
🌿
Diet
Vegetarian
🔥
Calories
Med Cal

Ingredients for sweet potato coconut cake

Tropical flavors meet cozy comfort in this naturally sweetened vegan cake. Perfectly crispy top, impossibly moist crumb—no one will believe it's vegan!

Ingredient Amount Notes
Orange Sweet Potatoes 🍠 2 lbs Medium-sized, peeled and cubed
Full-Fat Coconut Milk 🥥 13 ½ oz Canned, full-fat preferred
Unsweetened Shredded Coconut 🥥 1 cup Toasted for extra flavor
Extra-Virgin Olive Oil 🫒 ½ cup For moisture and richness
Pure Maple Syrup 🍯 ¼ cup Natural sweetener substitute
Vanilla Extract 🌿 1 tbsp Pure, high-quality vanilla
Ground Cinnamon 🌶️ 1 tsp Warm spice for depth
Baking Soda 🧪 ½ tsp For crispy texture
Salt 🧂 ½ tsp Fine sea salt preferred
Fresh Orange Juice 🍊 ½ cup Bright citrus flavor
Orange Zest 🍊 1 tbsp Freshly grated for aroma
All-Purpose Flour 🌾 1 cup For structure and binding
Baking Powder 🧪 ½ tsp For lift and airiness

Sweet potatoes are the star here. Orange-fleshed varieties like Jewel or Garnet are ideal—they're naturally sweeter and creamier. Grab a couple pounds from the produce section, skip the green-tinted ones (those are for pie). The roasting step is non-negotiable—it concentrates the sweetness and gives that caramelized flavor. Pro tip: Roast them at 400°F for 30 minutes before blending. Trader Joe's often carries pre-peeled sweet potatoes, which saves time if you're in a rush.

No full-fat coconut milk? Light coconut milk plus 1 tbsp coconut cream works in a pinch, but you'll lose that rich texture. Shredded coconut gets better with toasting—spread it on a baking sheet at 350°F for 5-7 minutes until golden and fragrant. The maple syrup is your natural sweetener, but agave or date syrup are great swaps too. Fresh orange juice makes all the difference—bottled won't cut it. Need a flour substitute? Almond flour works at 1:1 ratio, though texture will differ slightly. The zest is what really makes this tropical—don't skip it!

This cake keeps beautifully for 4 days wrapped in the fridge, or 3 months frozen. For the crispy top, bake in a 9-inch round pan (or 8x8 square) and let it cool completely before slicing. Reheat slices at 350°F for 5 minutes to revive that crispy edge. I always make two pans—one for the freezer and one for immediate enjoyment. The coconut flavor intensifies when reheated, so it's worth it!

❤️

Why You'll Love This Recipe

  • No Baking Required: I swear by this recipe when I forget to pull out the cake pan. The sweet potatoes steam right in their skins, then get mashed with coconut milk until it’s creamy—no mixer, no fuss. Just blend, fold in shredded coconut, and let it set. Honestly, it’s the kind of dessert that makes me feel like a hero even when I’m exhausted.
  • Maple-Coconut Magic: That first bite? Rich, buttery, and subtly sweet—like a cross between carrot cake and a tropical pudding. The olive oil keeps it moist without tasting greasy, and the maple syrup adds depth instead of cloying sugar. Between us, it’s the kind of flavor that makes people ask, “What’s in this?” and then immediately want the recipe.
  • Weeknight Dessert Hack: I’ve served this cold as a no-fuss snack after school, warm as a breakfast cake with a sprinkle of cinnamon, and even as a picnic dessert in jars. The texture holds up for days, so it’s my go-to when I need something impressive but don’t want to spend hours. (Yes, even on a Tuesday night.)
  • Pantry Staples Only: Full-fat coconut milk and sweet potatoes are often cheaper than flour or butter, and this recipe uses them up without waste. The shredded coconut adds crunch for pennies, and the olive oil is something I already have. I’ll be real: it’s my budget-friendly answer to “I want cake” without breaking the bank or the rules.

Step-by-step instructions for sweet potato coconut cake

Here's how to create a tropical cake with perfect moisture and that coveted crispy top.

1

🍳 Step 1: Roast the Sweet Potatoes Until Tender

Preheat your oven to 400°F. Toss the 2 lbs Orange Sweet Potatoes (peeled and cubed) with 1 tablespoon of the Extra-Virgin Olive Oil and ½ teaspoon of the Salt. Spread them in a single layer on a baking sheet.

Roast for 25-30 minutes until the sweet potatoes are fork-tender with caramelized edges. You'll know they're perfect when they collapse easily under gentle pressure. Let them cool completely before processing—this prevents excess moisture in your cake batter.

2

👨‍🍳 Step 2: Mix Wet Ingredients for Perfect Texture

In a large mixing bowl, combine the roasted sweet potatoes with 13.5 oz Full-Fat Coconut Milk, 0.5 cup Extra-Virgin Olive Oil, 0.25 cup Pure Maple Syrup, 1 tbsp Vanilla Extract, 0.5 cup Fresh Orange Juice, and 1 tbsp Orange Zest. Use a hand mixer or stand mixer to blend until completely smooth—this creates your cake's moist, velvety base.

Here's the thing—don't skip this blending step. The smooth texture is what gives this cake its signature tenderness. If you see any lumps, strain the mixture through a fine-mesh sieve for ultra-silky results.

3

🥘 Step 3: Combine Dry Ingredients for Structure

In a separate bowl, whisk together 1 cup All-Purpose Flour, 0.5 tsp Baking Powder, 1 tsp Ground Cinnamon, 0.5 tsp Baking Soda, and the remaining ½ teaspoon Salt. This dry mix forms the structural backbone of your cake.

Gradually add the dry ingredients to your wet mixture while mixing on low speed. Add the 1 cup Unsweetened Shredded Coconut last and mix just until combined. Overmixing develops gluten, which can make your cake dense—stop as soon as all ingredients are incorporated.

4

🔥 Step 4: Bake for Crispy Top and Moist Center

Preheat your oven to 350°F and grease a 9-inch round cake pan generously with butter or oil. Pour the batter into the pan and smooth the top. Bake for 45-50 minutes until a toothpick inserted in the center comes out clean and the top is deep golden brown with crispy edges.

I know it seems counterintuitive, but this high temperature for the final bake is what creates that perfect crispy top while keeping the interior moist. If your oven runs hot, check at the 40-minute mark—every oven behaves differently.

5

⏰ Step 5: Cool and Serve for Maximum Enjoyment

Let the cake cool in the pan for 10 minutes before transferring to a wire rack. This brief cooling period helps set the cake structure. For best results, serve warm or at room temperature—this tropical cake tastes even better when the flavors have melded together.

Here's a pro tip: If you want extra crispiness, broil for 1-2 minutes at the very end of baking. Watch carefully—broiling can happen fast and burn easily. The contrast of crispy top and moist interior is what makes this cake truly special.

👨‍🍳

Pro Tips For Making Sweet Potato Coconut Cake

  • Bake at 325°F—Not Higher: I learned this the hard way—cranky sweet potatoes and coconut milk don’t play nice with high heat. They’ll steam instead of caramelize, leaving you with a dense, wet cake that’s more pudding than dessert. Trust the slow oven; it’s the only way to get that tender crumb and rich, toasted coconut flavor.
  • Roast Sweet Potatoes First: Skip the raw, watery mash—roast your sweet potatoes until fork-tender (about 20 minutes at 400°F) before mashing. This concentrates their natural sweetness and cuts down on excess moisture, which is the real enemy of a light, airy cake. (Yes, even if you’re impatient like me.)
  • Mix Coconut Milk In Last: Adding the full-fat coconut milk too early turns your batter into a gloopy mess. Wait until you’ve folded in the shredded coconut and maple syrup—then gently stir it in just until combined. This keeps the texture balanced and prevents a gummy center.
  • Use Less Shredded Coconut: I used to load up on coconut, thinking more = better. Wrong. Too much makes the cake dry and heavy. Stick to the recipe’s amount (or even 2 tablespoons less) and toast the coconut separately for topping. That way, you get the flavor without sacrificing moisture.

Creative variations of sweet potato coconut cake

Tropical Twist Variations

Add ½ cup toasted macadamia nuts (finely chopped) to the batter for a nutty crunch that pairs beautifully with coconut. For extra tropical flair, fold in ¼ cup fresh mango purée with the wet ingredients—it enhances the fruity notes while keeping the cake moist. 🌴

Spiced Chai Adaptation

Infuse the cake with warm spices by adding ½ teaspoon ground cardamom and ¼ teaspoon ground cloves to the dry ingredients. A dash of 1 teaspoon chai tea concentrate (reduced from 2 tbsp brewed tea) deepens the flavor without altering texture.

Serve with a sprinkle of cinnamon-sugar for a cozy dessert.

Chocolate-Dipped Layers

For a decadent twist, divide the batter between two pans and bake separately. Once cooled, spread ½ cup vegan chocolate ganache between the layers or drizzle over the top. Use Enjoy Life brand chocolate for a reliable dairy-free option. The chocolate contrasts beautifully with the cake's natural sweetness.

Citrus Glaze Finish

Brush the cooled cake with a simple citrus glaze made from ½ cup powdered sugar, 2 tbsp fresh lime juice, and 1 tbsp orange juice.

Thin with 1 tsp water if needed. This adds a glossy finish and brightens the flavors. For extra flair, garnish with edible coconut flakes or lime zest.

Coconut Cream Frosting

Whip 1 can chilled coconut cream (refrigerated overnight) with 1 tbsp maple syrup and ½ teaspoon vanilla until fluffy. Spread over the cake for a light, airy topping. For stability, chill the cake for 30 minutes before frosting. This keeps the texture perfect while enhancing the tropical theme. 🥥

Seasonal Pumpkin Spice

Swap ½ cup of the sweet potato for ½ cup pumpkin purée and add 1 teaspoon pumpkin pie spice to the dry ingredients. The warm spices complement the coconut beautifully, creating a seasonal twist. Perfect for fall gatherings while keeping the cake's signature moisture intact.

Nutrition facts

Servings 8
Amount Per Serving
Calories 480kcal
% Daily Value *
Total Fat 28g36%
Saturated Fat 20g100%
Cholesterol 0mg0%
Sodium 350mg15%
Total Carbohydrate 62g23%
Dietary Fiber 4g14%
Sugars 32g
Protein 4g8%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

Frequently asked questions

1

Can I make this cake without coconut milk?

Yes, but the texture will differ. Replace the 13.5 oz coconut milk with 1 cup unsweetened almond milk plus 2 tbsp coconut cream for richness. For a dairy-free alternative, use 1 cup soy milk with 1 tbsp melted coconut oil. The cake will still be moist, but the tropical flavor will be subtler.

2

Why does my cake turn out dense instead of moist?

Dense texture usually means overmixing or underbaking. First, ensure you're blending the sweet potatoes until completely smooth—no lumps! Also, bake until a toothpick comes out clean (45-50 minutes at 350°F). If your oven runs hot, check at 40 minutes. Another trick: let the batter rest for 10 minutes before baking to help the flour hydrate properly.

3

How can I make this cake gluten-free?

Swap the 1 cup all-purpose flour for a 1:1 gluten-free baking flour blend (like Bob's Red Mill). Add ½ teaspoon xanthan gum to help with structure. For the ½ teaspoon baking powder, use a gluten-free version. The texture will be slightly denser but still delicious. Test your blend first in small batches to find the right ratio.

4

Can I bake this cake in a different pan size?

Yes, but adjust the baking time. For an 8-inch round pan, bake 35-40 minutes—the cake will be slightly taller. For a 9x13-inch pan, reduce to 30-35 minutes and check early. Grease pans well to prevent sticking. The key is to bake until the center reaches 205°F and the top is golden. Always use a toothpick test!

5

What's the best way to store leftovers?

Store wrapped tightly at room temperature for 2 days or refrigerate for up to 5 days. For longer storage, freeze slices in an airtight container for 3 months. To revive the crispy top, reheat slices at 350°F for 5 minutes or microwave for 10 seconds. The cake keeps best when protected from air exposure.

★★★★★4.7(14 reviews)
Categories Desserts