Pineapple Coconut Tropical Blossoms – Easy Tropical Dessert Recipe

By: Emily

June 12, 2026

Everyday Culinary Delights👩‍🍳

Pineapple Coconut Tropical Blossoms – Easy Tropical Dessert Recipe

“`html

Pineapple Coconut Tropical Blossoms – A Tropical Dessert with a Buttery Shortbread Base

⚖️
Difficulty
Medium
⏲️
Prep Time
25 mins
🕒
Cook Time
30 mins
⏱️
Total Time
55 mins (plus chilling)
🍽️
Servings
9 blossoms

Growing up in Morocco, my mother’s kitchen always smelled of warm spices and sweet fruit. She would make a simple pineapple and coconut dessert that reminded us of the Casablanca coast. Now, living in New York City, I’ve reimagined that memory into these Pineapple Coconut Tropical Blossoms – a pastry that combines a buttery shortbread base with a silky pineapple filling and a white chocolate coconut glaze. Every bite is a little taste of the tropics, right here in my tiny Manhattan kitchen.

The shortbread base is crisp yet tender, the pineapple filling delivers a bright, tangy sweetness balanced by lime juice, and the coconut cream layer is luxuriously light thanks to mascarpone cheese and whipped heavy cream. The white chocolate glaze adds a final touch of elegance with its subtle coconut undertones. I learned the technique for that perfect, melt-in-your-mouth shortbread during my pastry training in Paris – it’s all about keeping the butter cold and handling the dough gently.

This recipe is my Chef Sally-inspired take on a classic tropical dessert, but with a few tricks I’ve picked up over the years. I’ll show you how to avoid a soggy crust, how to get the coconut cream to hold its shape, and how to achieve a flawless glaze. Whether you’re a seasoned baker or a beginner, these blossoms will make you feel like a pastry chef. 💡 Sara’s Pro Tip: Toasting the shredded coconut for the cream layer brings out a nutty aroma that’s irresistible.

Why This Pineapple Coconut Tropical Blossoms Recipe Is the Best

The Flavor Secret: The combination of bright pineapple from the filling and rich toasted coconut in the cream layer creates a contrast that keeps you coming back. I use fresh pineapple for its natural enzymes and brighter acidity – canned cannot match the vibrancy. The addition of lime juice (a trick from my Parisian pastry days) heightens the tropical notes without overwhelming the coconut.

Perfected Texture: Many coconut bars end up with a soggy base or a dense cream layer. Here, the shortbread is pre-baked until just golden, then cooled completely before adding the pineapple filling. The filling is thickened with cornstarch to prevent seeping into the crust. The cream layer uses mascarpone for stability and heavy cream for airiness – the result is a cloud-like texture that holds its shape even when cut into blossoms.

Foolproof & Fast: Even though this recipe has multiple components, each step is straightforward. I’ve streamlined the process so you can prep parts ahead – the shortbread and pineapple filling can be made two days in advance. You don’t need a lot of special equipment, just a good cookie cutter for the blossom shapes. And if you’re short on time, you can skip the glaze and still have a stunning dessert.

Pineapple Coconut Tropical Blossoms Ingredients

I source my ingredients from the Union Square Greenmarket (for fresh pineapple and local dairy) and the little spice shop on Arthur Avenue. The quality of your coconut and white chocolate makes a big difference – choose unsweetened shredded coconut for better control of sweetness. Let’s gather everything you’ll need.

Ingredients List

  • For the Pineapple Filling: 2 1/2 cups fresh pineapple, finely chopped; 1/3 cup granulated sugar; 1 tbsp lime juice; 1 tsp vanilla extract; 2 tsp cornstarch; 2 tbsp water
  • For the Coconut Cream Layer: 1 1/2 cups heavy cream; 8 oz mascarpone cheese; 1/3 cup powdered sugar; 1 tsp coconut extract; 1 cup shredded coconut, finely toasted
  • For the Shortbread Base: 1 1/2 cups all-purpose flour; 1/2 cup unsalted butter, softened; 1/3 cup powdered sugar; 1 tsp vanilla extract; 1/4 tsp salt
  • For the White Chocolate Coconut Glaze: 1 cup white chocolate, melted; 2 tbsp coconut cream; 1 tsp coconut extract; 1/2 cup shredded coconut, finely chopped
  • For Garnish (optional): Fresh pineapple wedges; toasted coconut flakes; mint leaves

Ingredient Spotlight

Fresh Pineapple: Choose a pineapple that’s fragrant at the base and yields slightly to pressure. Fresh pineapple provides the best flavor and texture. If you must use canned, drain it well and reduce the sugar slightly – but the fresh taste is worth the extra step. 💡 Sara’s Pro Tip: Cut the pineapple into very fine dice so it cooks evenly and spreads in a thin layer.

Mascarpone Cheese: This Italian cream cheese adds richness and stability to the coconut layer without being too heavy. It’s available in most US supermarkets in the cheese aisle. If you can’t find it, you can substitute an equal amount of cream cheese softened with 2 tablespoons of heavy cream, but the flavor will be tangier.

White Chocolate: Use a good-quality white chocolate for the glaze – avoid chips that contain stabilizers. I love using Cacao Barry or Guittard. Melt it gently with coconut cream for a smooth, glossy finish that doesn’t seize.

Original Ingredient Best Substitution Flavor / Texture Impact
Fresh pineapple Drained canned pineapple Slightly less bright, more sugar needed
Mascarpone Cream cheese + 2 tbsp cream Tangier, less rich
Coconut coconut Almond flour (in shortbread) Nutty flavor, gluten-free possible
White chocolate High-quality white chips May not melt as smoothly

How to Make Pineapple Coconut Tropical Blossoms – Step-by-Step

Follow these nine straightforward steps. I’ve tested this process many times to make sure each layer sets perfectly.

Step 1: Prepare the Shortbread Base

Preheat your oven to 350°F (175°C). In a medium bowl, mix 1 1/2 cups all-purpose flour, 1/2 cup softened unsalted butter, 1/3 cup powdered sugar, 1 tsp vanilla extract, and 1/4 tsp salt until a soft dough forms. Press the dough evenly into a lined 9×9-inch baking tray. Bake for 18–20 minutes until the edges are lightly golden. Cool completely on a wire rack.

💡 Sara’s Pro Tip: Use a fork to dock the dough before baking – this prevents air bubbles and helps the crust bake evenly.

Step 2: Make the Pineapple Filling

In a saucepan over medium heat, combine 2 1/2 cups finely chopped fresh pineapple, 1/3 cup granulated sugar, and 1 tbsp lime juice. Cook for about 5 minutes until the pineapple softens. In a small bowl, mix 2 tsp cornstarch with 2 tbsp water, then stir into the pineapple. Continue cooking for 2–3 minutes until the mixture thickens. Remove from heat, stir in 1 tsp vanilla extract, and let cool to room temperature.

⚠️ Common Mistake to Avoid: Skipping the cooling step after cooking the filling can cause it to soak into the shortbread. Always let it cool completely before spreading.

Step 3: Whip the Coconut Cream Layer

In a large chilled bowl, combine 8 oz mascarpone cheese, 1 1/2 cups heavy cream, 1/3 cup powdered sugar, 1 tsp coconut extract, and 1 cup finely toasted shredded coconut. Whip with an electric mixer on medium-high speed until stiff peaks form – about 3–4 minutes. Be careful not to over-whip or the mixture may become grainy.

💡 Sara’s Pro Tip: Toast the shredded coconut in a dry skillet over medium heat for 3–4 minutes, stirring constantly, until fragrant and golden. Let it cool before adding to the cream.

Step 4: Assemble the First Layer

Spread the cooled pineapple filling evenly over the cooled shortbread base, leaving a 1/4-inch border around the edges to prevent overflow. Use a spatula to create an even layer.

Step 5: Add the Coconut Cream Layer

Gently spread the coconut cream mixture over the pineapple layer, smoothing the top with an offset spatula. Make sure the layers are flat for even cutting later.

⚠️ Common Mistake to Avoid: Pressing too hard when spreading the cream can mix it with the pineapple layer. Use a light touch and work from the center outward.

Step 6: Chill and Cut into Blossoms

Refrigerate the assembled tray for at least 2 hours, or until the cream layer is firm. Once chilled, use a 2.5-inch floral-shaped cookie cutter to cut out blossoms. If you don’t have a floral cutter, a round cutter works beautifully, too.

Step 7: Make the Glaze

Melt 1 cup white chocolate in a double boiler or microwave in 20-second bursts, stirring each time. Once smooth, stir in 2 tbsp coconut cream and 1 tsp coconut extract until glossy. If the glaze is too thick, add another teaspoon of coconut cream.

💡 Sara’s Pro Tip: For an extra-shiny glaze, let the white chocolate cool to about 85°F (29°C) before drizzling – it will set without becoming streaky.

Step 8: Glaze and Garnish

Place the cut blossoms on a wire rack over a baking sheet. Drizzle the glaze over each blossom using a spoon or a piping bag. Immediately sprinkle with 1/2 cup finely chopped coconut (toasted if desired). Let the glaze set at room temperature for about 15 minutes.

Step 9: Final Presentation

Transfer the blossom to serving plates. Garnish with fresh pineapple wedges, additional toasted coconut flakes, and a few mint leaves for color contrast. Serve chilled or at room temperature – both are delicious.

Step Action Duration Key Visual Cue
1 Bake shortbread base 18–20 min Edges light golden
2 Cook pineapple filling 7–8 min Thickened, translucent
3 Whip coconut cream 3–4 min Stiff peaks
4 Assemble layers 10 min Even, smooth layers
5 Chill 2+ hours Firm to the touch
6 Cut into blossoms 5 min Clean edges
7 Make glaze 5 min Smooth, glossy
8 Glaze & garnish 10 min Glazed, sprinkled
9 Final garnish 5 min Fresh & vibrant

Serving & Presentation

Arrange the blossoms on a white platter to show off their golden edges and glossy glaze. I love to add a small wedge of fresh pineapple at the side of each blossom – it echoes the filling and adds a bright visual pop. A sprinkle of toasted coconut flakes and a single mint leaf complete the look. These blossoms are perfect for brunch, baby showers, or any spring gathering.

During my Paris days, we would serve these petits gâteaux with a delicate hibiscus tea or a chilled sparkling wine. In New York, I often pair them with a coconut latte or a citrusy iced tea. The sweetness of the white chocolate and coconut balances beautifully with tart fruits or bubbly beverages.

Pairing Type Suggestions Why It Works
Side Dish Fresh fruit salad, mango papaya salsa Adds fresh acidity and texture
Sauce / Dip Passion fruit curd, lime cream Enhances the tropical profile
Beverage Hibiscus iced tea, sparkling rosé, coconut latte Cuts sweetness, complements flavor
Garnish Mint, edible flowers, lime zest Adds aroma and color contrast

Make-Ahead, Storage & Reheating

Living in NYC, I’m all about planning ahead. This recipe is ideal for make-ahead prep because the layers set beautifully overnight. I often bake the shortbread and make the pineapple filling on a Sunday afternoon, then assemble and chill on Monday for Tuesday’s event.

Method Container Duration Reheating Tip
Refrigerator Airtight container Up to 3 days Serve cold – no reheating needed
Freezer Wrap individually in plastic, then foil Up to 2 months Thaw overnight in fridge; glaze may soften slightly
Make-Ahead Assemble in tray, cover tightly Up to 2 days before cutting Add glaze and garnish after cutting

If you’re freezing, I recommend glazing the blossoms after thawing for the best appearance. The shortbread base holds up very well in the freezer – just make sure the container is airtight to prevent freezer burn. ❄️

Variations & Easy Swaps

Variation Key Change Best For Difficulty Impact
Gluten-Free Use gluten-free all-purpose flour blend Celiac/GF diets Same difficulty
Dairy-Free Use coconut cream instead of mascarpone, vegan butter and cream cheese Dairy-free/vegan Slightly harder – emulsification
Mango-Passionfruit Twist Replace 1/2 cup pineapple with mango purée and 1 tbsp passionfruit pulp Summer dessert Same difficulty

Gluten-Free Variation

Swap the all-purpose flour for a high-quality gluten-free blend (I like Bob’s Red Mill 1-to-1). The shortbread will be slightly more crumbly, so handle it gently when pressing into the pan. Add an extra egg yolk if the dough seems too dry. The flavor remains wonderfully buttery and the texture is almost identical.

Dairy-Free / Vegan Variation

Using full-fat coconut cream (chilled) in place of mascarpone and heavy cream works beautifully. Whip the coconut cream with powdered sugar and a little coconut extract until fluffy. For the shortbread, use vegan butter (Miyoko’s is my favorite) and a flax egg (1 tbsp flax meal + 3 tbsp water). The glaze can be made with vegan white chocolate (Enjoy Life brand). The result is dairy-free but still decadent.

Tropical Fusion Variation – Mango & Passionfruit

Inspired by the flavors of a Moroccan souk, I sometimes swap half the pineapple for a small ripe mango and add a tablespoon of passionfruit pulp. The acidity from passionfruit cuts through the richness of the coconut cream. This version is incredibly aromatic – the mango adds a floral sweetness that takes the dessert to another level.

What is the best way to prevent the pineapple filling from making the pastry soggy?

The key is twofold: first, cook the pineapple filling with cornstarch until it thickens enough that it won’t seep into the shortbread. I always let the filling cool completely to room temperature before spreading – warm liquid can soften the crust. Second, pre-bake the shortbread base until it’s lightly golden and let it cool fully. This creates a barrier. 💡 Sara’s Pro Tip: If you’re still worried, brush the cooled shortbread with a thin layer of melted white chocolate before adding the pineapple layer – it seals the crust beautifully.

Can I use canned pineapple instead of fresh for Pineapple Coconut Tropical Blossoms?

Yes, you can, but I strongly recommend fresh pineapple for the best flavor and texture. Canned pineapple is typically packed in syrup and has been heat-treated, which makes it softer and less vibrant. If you must use canned, drain it very well and reduce the sugar in the filling to 2–3 tablespoons, since the syrup adds sweetness. You may also need to cook the filling a minute or two longer to evaporate extra liquid. Fresh pineapple gives the blossoms a bright, tangy flavor that really stands out against the rich coconut cream.

How long do Pineapple Coconut Tropical Blossoms stay fresh, and how should I store them?

Properly stored in an airtight container in the refrigerator, these blossoms stay fresh for up to 3 days. The shortbread base may soften slightly over time, but the texture is still delightful. For longer storage, you can freeze the undecorated blossoms (without glaze) for up to 2 months. Wrap each blossom individually in plastic wrap, then place in a freezer-safe bag. When ready to serve, thaw overnight in the refrigerator, then add the glaze and garnish fresh. I don’t recommend leaving them at room temperature for more than an hour because the cream layer is dairy-based.

What can I substitute for coconut if I don’t like it in this recipe?

If you’re not a fan of coconut, you can still enjoy the blossoms with some thoughtful substitutions. Replace the coconut extract in the cream layer with vanilla or a bit of almond extract. For the toasted shredded coconut, use finely chopped toasted almonds or macadamia nuts for crunch. In the shortbread, simply omit any coconut – it already doesn’t contain coconut. The glaze can be made with a splash of rum or orange liqueur instead of coconut extract. The pineapple and white chocolate will still shine. I’ve tested a version with crushed pistachios in place of coconut, and it was a hit at my NYC dinner parties.

Can I make these blossoms without a floral cookie cutter?

Absolutely! A round or scalloped cookie cutter works perfectly. You can also cut the chilled slab into squares or diamonds for a more modern look. If you want the blossom shape but don’t have a cutter, use a small round cutter and then gently pinch the edges to create petals – it’s a rustic but charming alternative. I often use a 2.5-inch round cutter when I’m in a hurry, and the results are equally delicious.

Why did my coconut cream layer become grainy?

Graininess usually happens when the mascarpone or cream is over-whipped, causing it to separate. Always use cold heavy cream and beat on medium speed only until stiff peaks form – stop as soon as the mixture holds its shape. If you’re using a hand mixer, avoid beating longer than 4–5 minutes. Another cause is adding the toasted coconut too early; let the coconut cool completely before folding it into the whipped cream. If the mixture does become grainy, it’s still edible – just note that the texture won’t be as silky. You can blend it briefly with a low speed to smooth it out.

Can I use a different fruit instead of pineapple?

Yes, this recipe is very adaptable. Mango, papaya, or even finely diced strawberries work wonderfully. Remember to adjust the sugar depending on the fruit’s sweetness – mangoes may need less sugar, while strawberries may need a touch more. The cooking time may also vary slightly; softer fruits like mango cook faster. I love a mango and passionfruit combination – it’s like a tropical sunrise in dessert form. The key is to maintain the same thickened consistency to avoid a soggy base.

Share Your Version!

I absolutely love seeing how you put your own spin on these Pineapple Coconut Tropical Blossoms. Did you try the mango twist? Or maybe you made a dairy-free version with coconut cream? Drop a comment below with your changes – your ideas inspire other home bakers too. If you loved this recipe, please give it a 5-star rating – it helps more people discover these tropical treats.

Don’t forget to tag me on Instagram @cheerychop when you share your blossoms – I feature reader recreations in my stories every week. And if you have a question about a step, just ask! I read every comment and answer within 24 hours. From my NYC kitchen to yours – I hope this recipe brings as much warmth to your table as it does to mine. — Sara 🧡

📌

Love This Recipe? Save It to Pinterest!

If you enjoyed this Pineapple Coconut Tropical Blossoms recipe, don’t let it get lost in your browser tabs! 😄 Pin it now so you can find it again anytime — and explore hundreds more tried-and-tested recipes waiting for you on my Pinterest boards.

👉 Follow Sara on Pinterest @chefrecipes2

📌 Pin this recipe · 🔁 Re-pin your favorites · 💬 Tag me when you make it — I love seeing your creations!


“`

Print

Pineapple Coconut Tropical Blossoms

Tropical pineapple-coconut blossoms with a shortbread base, creamy coconut layer, and white chocolate glaze.

  • Author: Chef Emily
  • Yield: 9 1x

Ingredients

Scale
  • For the Pineapple Filling:
  • 2 1/2 cups fresh pineapple, finely chopped
  • 1/3 cup granulated sugar
  • 1 tbsp lime juice
  • 1 tsp vanilla extract
  • 2 tsp cornstarch
  • 2 tbsp water
  • For the Coconut Cream Layer:
  • 1 1/2 cups heavy cream
  • 8 oz mascarpone cheese
  • 1/3 cup powdered sugar
  • 1 tsp coconut extract
  • 1 cup shredded coconut, finely toasted
  • For the Shortbread Base:
  • 1 1/2 cups all-purpose flour
  • 1/2 cup unsalted butter, softened
  • 1/3 cup powdered sugar
  • 1 tsp vanilla extract
  • 1/4 tsp salt
  • For the White Chocolate Coconut Glaze:
  • 1 cup white chocolate, melted
  • 2 tbsp coconut cream
  • 1 tsp coconut extract
  • 1/2 cup shredded coconut, finely chopped
  • For Garnish (optional):
  • Fresh pineapple wedges
  • Toasted coconut flakes
  • Mint leaves

Instructions

  1. Preheat oven to 350°F (175°C). Mix flour, butter, powdered sugar, vanilla, and salt until a soft dough forms. Press into a baking tray and bake until lightly golden. Cool completely.
  2. Cook pineapple with sugar and lime juice until softened. Stir in cornstarch mixed with water and cook until thickened. Add vanilla and cool.
  3. Whip mascarpone, heavy cream, powdered sugar, coconut extract, and toasted coconut until fluffy.
  4. Spread the cooled shortbread base with pineapple filling evenly.
  5. Layer coconut cream mixture over the pineapple layer and smooth the top.
  6. Chill until fully set, then cut into floral blossom shapes using a cookie cutter.
  7. Mix melted white chocolate with coconut cream and coconut extract to form a glaze, then drizzle lightly over each blossom.
  8. Sprinkle with chopped coconut for texture and finish.
  9. Garnish with pineapple wedges, toasted coconut flakes, and mint leaves before serving.

Nutrition

  • Calories: 370
  • Sugar: 24g
  • Fat: 23g
  • Carbohydrates: 36g
  • Protein: 5g

Did you make this recipe?

Share a photo and tag us — we can't wait to see what you've made!



Pineapple Coconut Tropical Blossoms

Leave a Comment

Recipe rating