For as long as I can remember, I’ve loved tropical-flavored sweet things.
Pina coladas, caramelized bananas on pancakes, coconut milk smoothies, pineapple upside-down cake – I adore them all, especially in the warm weather months.
So I’ve concocted a healthier cupcake version of pineapple upside-down cake, topped off with a yummy whipped coconut cream.
Even Meat-and-Potatoes-Guy, who isn’t so obsessed with tropical-flavored sweets, is almost as addicted to these cupcakes as I am.
Here is everything you’ll need to get started.
First things first:
As soon as you purchase the coconut milk (regular coconut milk should be used for this recipe, not light coconut milk) immediately place it in the refrigerator.
Overnight, all of the coconut fruit – the thick cream – will rise to the top of the can.
The water that has been added to the coconut milk will sink to the bottom.
This will be important for later on.
When you’re ready to prepare the cupcakes, heat the oven to 350 degrees F.
Sift together the following dry ingredients: whole wheat flour, all-purpose flour, baking soda, baking powder, and salt.
Grab a second bowl and mix together: two eggs, some canola oil, some plain nonfat Greek yogurt, some granulated sugar, and a bit of vanilla extract.
Add the flour mixture to the yogurt mixture and stir until everything is well combined.
Then spoon some of the mixture into a muffin pan filled with cupcake liners.
Fill each liner about halfway and no more.
The cupcakes more than double in size during baking, and they’ll overflow if you fill them too high.
While they bake, prepare the pineapple.
Pineapple is the key sweet component in these cakes, but it also makes this dessert more nutrient-packed.
Pineapple is very high in Vitamin C (for a strong immune system), manganese (to maintain strong bones), and beta carotene (to maintain healthy eyesight).
Any kind of pineapple – canned, frozen, or fresh – will work.
For these photos, I used canned pineapple slices to mimic the design of the classic pineapple-upside down cake.
Cut the pineapple into bite-sized pieces (I cut each ring into about six pieces).
Heat just a bit of canola oil in a sauté pan over medium-high heat and add the pineapple along with some 100 percent pure maple syrup.
Then cook and stir until the pineapple becomes golden and caramelized.
To keep the caramelized pineapple from sticking to the pan as it cools, immediately pour the pineapple onto a plate.
When the cupcakes and pineapple are cool enough to handle, cover the top of each cupcake with several pieces of caramelized pineapple.
The caramelized maple should make the pineapple sticky enough to cling to the cupcakes and stay put.
You can also slice off the very top of each cupcake, creating a completely flat surface to arrange the pineapple.
Grab the can of coconut milk from the fridge.
Scoop out just the top layer, the coconut cream. It should be very rich and thick.
Refrigerate the remaining coconut-flavored water to use in another recipe.
Need some ideas? I just so happen to have several (because I just so happen to be addicted to coconut milk!):
Add some sugar and, using a hand mixer set to low speed, whip the mixture until a thick, frothy cream is formed.
It looks delish and it is absolutely heavenly.
I use just a small amount of sugar in the coconut cream recipe, because the cupcakes are already quite sweet. And the coconut cream is so rich, it doesn’t need a lot of sweetness.
I recommend starting with the amount of sugar called for in the recipe and adding about a tablespoon at a time until you reach the sweetness level you prefer.
Top each cupcake with a dollop of coconut cream, and serve.
The decadent-tasting, moist vanilla cake is so perfectly yummy with the sweet caramelized pineapple.
The coconut cream adds another layer of tropical flavor – it’s light, frothy, and very rich tasting.
These treats are an indulgent little escape to paradise, in cupcake form.
Naturally, at least at my house, they have a knack for disappearing very quickly.
Here is the complete, printable recipe:
- Serving size: 12
- Calories: 258
- Fat: 13.5g
- Saturated fat: 3.8g
- Trans fat: 0g
- Carbohydrates: 32.1g
- Sugar: 22g
- Sodium: 172mg
- Fiber: 1.2g
- Protein: 3.6g
- Cholesterol: 28mg
Prep: 20 minutes
Cook: 20 minutes
Yield: 12 cupcakes
- ½ cup whole wheat flour
- ½ cup all-purpose flour
- 1 teaspoon baking powder
- 1 teaspoon baking soda
- ¼ teaspoon salt
- ½ cup plus 1 teaspoon canola oil
- ⅔ cup plus 2 tablespoons granulated sugar
- 2 eggs
- ½ cup plain nonfat Greek yogurt
- 2 teaspoons vanilla extract
- 1 20-ounce can pineapple slices, each ring cut into six bite-sized pieces
- 3 tablespoons 100% pure maple syrup
- ⅔ cup coconut cream from 1 14-ounce can coconut milk (the thick, top layer of cream that is formed when a can of coconut milk is refrigerated for 2-3 hours)
- Preheat the oven to 350 degrees F.
- In a mixing bowl, sift together the dry ingredients: whole wheat flour, all-purpose flour, baking powder, baking soda, and salt.
- In a separate large mixing bowl whisk the following until well combined: ½ cup canola oil, ⅔ cup granulated sugar, eggs, yogurt, and vanilla extract.
- Add the flour mixture to the yogurt mixture and stir just until ingredients are combined.
- Fill a muffin pan with cupcake liners and spoon batter into liners, filling each about halfway. Bake for 14-17 minutes, or until a toothpick inserted into the center of a cupcake comes out clean. Allow cupcakes to cool.
- Meanwhile, heat 1 teaspoon canola oil in a sauté pan over medium-high heat. Add the pineapple and maple syrup and cook and stir until pineapple becomes golden and caramelized. Immediately transfer caramelized pineapple to a plate to cool. Arrange several piece of pineapple over the top of each cupcake.
- Remove coconut milk from the fridge and scoop out the thick, cream-like top layer. Add 2 tablespoons granulated sugar and use a hand mixer set to low speed to beat the mixture about 2 minutes, or until a rich, thick cream is formed. (Add additional sugar according to personal taste).
- Top each cupcake with a spoonful of coconut cream.