RecipeAI
DashboardDiscoverMeal PlanGroceriesCreateImportRecipe Box
BlogSign InGet Started
Dashboard
Plan
Nutrition
Create
Groceries
Saved
Profile
RecipeAI LogoRecipeAI

AI-powered recipes, meal plans, and nutrition tracking — personalized to your tastes and goals.

Explore

  • Discover Recipes
  • Categories
  • World Cuisines
  • Diets
  • Quick Meals
  • Meal Plans by Diet
  • Kitchen Conversions
  • Calories in Foods

Features

  • AI Recipe Generator
  • Meal Planning
  • Nutrition Tracker
  • Macro Calculator
  • Nutrition Guides
  • Food Diary
  • Recipe Import
  • Pricing

Resources

  • Blog
  • About Us
  • Feedback

© 2026 RecipeAI. All rights reserved.

Cook smarter, eat better.

More recipes like this

  • Decadent Chocolate Trifle with Macerated Strawberries, Caramelized Banana & Chocolate Chantilly
  • Coconut-Chia Pudding with Warm Poached Pears, Toasted Pistachio & Fresh Mint
  • Warm Millet Porridge with Toasted Coconut & Mango Compote
  • Warm Millet Porridge with Toasted Coconut & Mango Compote
  • Warm Millet Porridge with Toasted Coconut & Mango Compote
  • Cottage Cheese Parfait with Pineapple, Granola & Toasted Coconut
  • Browse all recipes →
Caramelized Banana & Toasted Coconut Skillet with Warm Pineapple-Chocolate Drizzle

Caramelized Banana & Toasted Coconut Skillet with Warm Pineapple-Chocolate Drizzle

By Becky Frantz

Caribbean-inspired / TropicalIntermediate

This Caribbean-inspired dessert pairs caramelized bananas with toasted coconut and a silky chocolate-cocoa drizzle, brightened by a warm pineapple compote. Crisp, nutty coconut and melting chocolate chips contrast the soft, jammy bananas while pineapple adds a sunny, acidic lift — a dessert that feels decadent yet fresh.

Prep: 10 minutes
Cook: 15 minutes
Total: 25 minutes
4 servings

Ingredients

  • 4 each ripe bananas (medium)
  • 3/4 cup unsweetened shredded coconut
  • 3/4 cup semi-sweet chocolate chips
  • 2 tbsp unsweetened cocoa powder
  • 1 cup pineapple fruit cup (in juice), drained
  • 3 tbsp unsalted butter
  • 1/4 cup light brown sugar (packed)
  • 2 tbsp water
  • 1 tsp fresh lime juice
  • 1/2 tsp pure vanilla extract
  • 1/8 tsp kosher salt
  • 1 tsp neutral oil (canola or vegetable)

Instructions

1

Prep and measure everything before heating. Drain the pineapple fruit cup well and roughly chop any large pieces; line a plate with paper towels to dry the pineapple briefly. Peel the bananas and slice each lengthwise in half (so you have 8 long halves). Toasting coconut and controlling moisture from the pineapple are done up front so the cooking steps stay fast and controlled.

2

Toast the coconut: place a dry 10–12" skillet over medium heat. Add the shredded coconut and toast, stirring constantly for 3–5 minutes until the coconut is golden-brown and fragrant. Transfer to a bowl immediately to stop browning. Toasting develops the coconut's oils and aroma and gives a crunchy contrast to the soft bananas.

3

Make the pineapple compote: in the same skillet (wipe it if there are burnt bits), add 1 tablespoon butter, the drained pineapple, 2 tablespoons brown sugar, 2 tablespoons water, 1 tsp lime juice and a pinch of salt. Cook over medium heat, stirring occasionally, until the pineapple releases juices and the sauce thickens slightly (about 4–6 minutes). The sugar lifts the pineapple's natural sweetness and the lime balances sweetness with acidity.

4

Remove half the pineapple compote to a small bowl for plating later; keep the skillet warm with the remaining compote. The reserved compote provides a cooler-texture counterpoint and makes plating easy.

5

Prepare the chocolate-cocoa drizzle: in a small saucepan over low heat, combine the chocolate chips, 1 tablespoon butter, cocoa powder and 2 tablespoons of the warm pineapple syrup (from the skillet). Stir constantly until smooth and glossy (about 1–2 minutes). The small amount of pineapple syrup thins and brightens the chocolate, and cocoa deepens the chocolate flavor. Keep warm on the lowest heat or transfer to a heatproof bowl set over a pot of warm water.

6

Caramelize the bananas: wipe the skillet clean and add 1 teaspoon neutral oil and 2 tablespoons butter over medium-high heat. Sprinkle 2 tablespoons brown sugar evenly in the pan and let it melt for 20–30 seconds until it begins to bubble but not burn. Place the banana halves cut-side down in the skillet and cook without moving for 1½–2 minutes until a deep golden crust forms. Flip and cook 30–45 seconds on the other side — you want a caramelized exterior without over-softening the banana. Caramelization adds complex, toffee-like flavors and gives a pleasing texture contrast.

7

Add chocolate chips to finish: lower the heat to medium, push the bananas slightly to create small pockets and scatter the chocolate chips and a light sprinkle of toasted coconut over the bananas. Cover the skillet briefly (30–45 seconds) so the chocolate softens and becomes glossy but not fully melted — you want melty pockets, not an entirely liquid sauce. This gives contrast between set chocolate and flowing drizzle.

8

Plate intentionally: spoon a tablespoon of reserved pineapple compote on each dessert plate, arrange two banana halves on top, drizzle with the warm chocolate-cocoa sauce (use a spoon to create ribbons), and finish with a generous sprinkle of toasted coconut and a tiny pinch of flaky sea salt if you have it. The salt amplifies both the chocolate and fruit sweetness.

9

Serve immediately while bananas are warm and chocolate is glossy. If you like, garnish with extra pineapple pieces or a small mint sprig. Serving right away preserves the crispness of the toasted coconut and the contrast between warm fruit and cool air.

Chef's Tips

  • 1Choose bananas that are ripe (spotted) but still firm. Overripe bananas jam early in the pan and become mushy when caramelized.
  • 2Toast coconut in a dry pan and remove it immediately — coconut goes from golden to burnt very quickly. Stir constantly and transfer to a cool dish as soon as color changes.
  • 3Control sugar heat: when melting brown sugar in the pan, keep an eye and a low-to-medium flame; burned sugar tastes bitter. If the sugar smokes, start over.
  • 4For cleaner plating and easier cook timing, keep components warm in separate low-heat pans or a 200°F (95°C) oven while finishing others.
  • 5If you have flaky sea salt, finish each plate with a small pinch — it brightens the chocolate and pineapple flavors.

Variations

  • Rum-Soaked Pineapple: macerate the drained pineapple with 1 tablespoon dark rum and 1 tsp orange zest before cooking for a boozy, depth-filled compote (omit for kids).
  • Tropical Crunch: add 1/4 cup chopped toasted macadamia or roasted cashews to the coconut for extra crunch and savory balance.
  • Chocolate Swap: use dark chocolate (at least 70% cacao) for a less-sweet, more bitter finish; increase cocoa powder to 3 tbsp for an intense chocolate note.
  • Vegan option: replace butter with coconut oil (melted) and use dairy-free chocolate chips to make the recipe vegan-friendly.

Nutrition per Serving

507

Calories

5g

Protein

68g

Carbs

29g

Fat

8g

Fiber

Rate this Recipe

How did this recipe turn out? Let others know!

to rate this recipe

Caramelized Banana & Toasted Coconut Skillet with Warm Pineapple-Chocolate Drizzle

By Becky Frantz

Caramelized Banana & Toasted Coconut Skillet with Warm Pineapple-Chocolate Drizzle - ripe bananas (medium), unsweetened shredded coconut recipe

This Caribbean-inspired dessert pairs caramelized bananas with toasted coconut and a silky chocolate-cocoa drizzle, brightened by a warm pineapple compote. Crisp, nutty coconut and melting chocolate chips contrast the soft, jammy bananas while pineapple adds a sunny, acidic lift — a dessert that feels decadent yet fresh.

Caribbean-inspired / TropicalIntermediate4 servings
Prep: 10 minutes
Cook: 15 minutes
25 minutes

Ingredients

  • 4 each ripe bananas (medium)
  • 3/4 cup unsweetened shredded coconut
  • 3/4 cup semi-sweet chocolate chips
  • 2 tbsp unsweetened cocoa powder
  • 1 cup pineapple fruit cup (in juice), drained
  • 3 tbsp unsalted butter
  • 1/4 cup light brown sugar (packed)
  • 2 tbsp water
  • 1 tsp fresh lime juice
  • 1/2 tsp pure vanilla extract
  • 1/8 tsp kosher salt
  • 1 tsp neutral oil (canola or vegetable)

Instructions

1

Prep and measure everything before heating. Drain the pineapple fruit cup well and roughly chop any large pieces; line a plate with paper towels to dry the pineapple briefly. Peel the bananas and slice each lengthwise in half (so you have 8 long halves). Toasting coconut and controlling moisture from the pineapple are done up front so the cooking steps stay fast and controlled.

2

Toast the coconut: place a dry 10–12" skillet over medium heat. Add the shredded coconut and toast, stirring constantly for 3–5 minutes until the coconut is golden-brown and fragrant. Transfer to a bowl immediately to stop browning. Toasting develops the coconut's oils and aroma and gives a crunchy contrast to the soft bananas.

3

Make the pineapple compote: in the same skillet (wipe it if there are burnt bits), add 1 tablespoon butter, the drained pineapple, 2 tablespoons brown sugar, 2 tablespoons water, 1 tsp lime juice and a pinch of salt. Cook over medium heat, stirring occasionally, until the pineapple releases juices and the sauce thickens slightly (about 4–6 minutes). The sugar lifts the pineapple's natural sweetness and the lime balances sweetness with acidity.

4

Remove half the pineapple compote to a small bowl for plating later; keep the skillet warm with the remaining compote. The reserved compote provides a cooler-texture counterpoint and makes plating easy.

5

Prepare the chocolate-cocoa drizzle: in a small saucepan over low heat, combine the chocolate chips, 1 tablespoon butter, cocoa powder and 2 tablespoons of the warm pineapple syrup (from the skillet). Stir constantly until smooth and glossy (about 1–2 minutes). The small amount of pineapple syrup thins and brightens the chocolate, and cocoa deepens the chocolate flavor. Keep warm on the lowest heat or transfer to a heatproof bowl set over a pot of warm water.

6

Caramelize the bananas: wipe the skillet clean and add 1 teaspoon neutral oil and 2 tablespoons butter over medium-high heat. Sprinkle 2 tablespoons brown sugar evenly in the pan and let it melt for 20–30 seconds until it begins to bubble but not burn. Place the banana halves cut-side down in the skillet and cook without moving for 1½–2 minutes until a deep golden crust forms. Flip and cook 30–45 seconds on the other side — you want a caramelized exterior without over-softening the banana. Caramelization adds complex, toffee-like flavors and gives a pleasing texture contrast.

7

Add chocolate chips to finish: lower the heat to medium, push the bananas slightly to create small pockets and scatter the chocolate chips and a light sprinkle of toasted coconut over the bananas. Cover the skillet briefly (30–45 seconds) so the chocolate softens and becomes glossy but not fully melted — you want melty pockets, not an entirely liquid sauce. This gives contrast between set chocolate and flowing drizzle.

8

Plate intentionally: spoon a tablespoon of reserved pineapple compote on each dessert plate, arrange two banana halves on top, drizzle with the warm chocolate-cocoa sauce (use a spoon to create ribbons), and finish with a generous sprinkle of toasted coconut and a tiny pinch of flaky sea salt if you have it. The salt amplifies both the chocolate and fruit sweetness.

9

Serve immediately while bananas are warm and chocolate is glossy. If you like, garnish with extra pineapple pieces or a small mint sprig. Serving right away preserves the crispness of the toasted coconut and the contrast between warm fruit and cool air.

Chef's Tips

  • 1Choose bananas that are ripe (spotted) but still firm. Overripe bananas jam early in the pan and become mushy when caramelized.
  • 2Toast coconut in a dry pan and remove it immediately — coconut goes from golden to burnt very quickly. Stir constantly and transfer to a cool dish as soon as color changes.
  • 3Control sugar heat: when melting brown sugar in the pan, keep an eye and a low-to-medium flame; burned sugar tastes bitter. If the sugar smokes, start over.
  • 4For cleaner plating and easier cook timing, keep components warm in separate low-heat pans or a 200°F (95°C) oven while finishing others.
  • 5If you have flaky sea salt, finish each plate with a small pinch — it brightens the chocolate and pineapple flavors.

Variations

  • Rum-Soaked Pineapple: macerate the drained pineapple with 1 tablespoon dark rum and 1 tsp orange zest before cooking for a boozy, depth-filled compote (omit for kids).
  • Tropical Crunch: add 1/4 cup chopped toasted macadamia or roasted cashews to the coconut for extra crunch and savory balance.
  • Chocolate Swap: use dark chocolate (at least 70% cacao) for a less-sweet, more bitter finish; increase cocoa powder to 3 tbsp for an intense chocolate note.
  • Vegan option: replace butter with coconut oil (melted) and use dairy-free chocolate chips to make the recipe vegan-friendly.

Nutrition per Serving

507

Calories

5g

Protein

68g

Carbs

29g

Fat

8g

Fiber

Rate this Recipe

Your Rating:

Explore More

🥘 More with ripe bananas (medium)🥘 More with unsweetened shredded coconut🥘 More with semi-sweet chocolate chips

Similar Recipes