This Pina Colada Bars recipe is a simple, flavor-packed treat that delivers bold taste with minimal effort. This no-bake dessert combines fresh ingredients and an easy assembly method to create a satisfying dessert that works for busy days or relaxed gatherings. It’s balanced, quick to prepare, and consistently delicious, reminiscent of the tropical cocktail it’s named after.
| Prep Time | Cook Time | Total Time | Servings | Difficulty | Cuisine |
|---|---|---|---|---|---|
| 15 minutes | 14 minutes | 29 minutes + cooling | 24 | Easy | American |
Why This Recipe Works
- Simple, tropical ingredients
- Great balance of sweet and tart
- Easy no-bake assembly
- Family-friendly dessert
- Perfect for parties or gatherings

Ingredients
This recipe uses everyday ingredients that are easy to find and work well together for a balanced, tropical result, capturing the essence of a Pina Colada in bar form.
For the Bars:
- ½ cup unsalted butter, softened
- ½ cup packed light brown sugar
- ½ cup granulated sugar
- 1 large egg
- 1 teaspoon coconut extract
- 1 teaspoon rum extract (use only if the dietary restriction allows non-alcoholic flavoring, otherwise omit or use more coconut extract)
- 2 ½ cups all purpose flour (300g)
- 1 teaspoon baking powder
- ½ teaspoon table salt
- 1 cup sweetened shredded coconut
For the Frosting:
- ½ cup unsalted butter, softened
- ¼ teaspoon table salt
- 1 – 8 ounce can crushed pineapple, drained very well (save juice)
- 4 ½ cups powdered sugar
- 1 tablespoon pineapple juice (reserved from crushed pineapple)
- 1 ½ cups sweetened shredded coconut
- ½ cup toasted coconut
- 24 cherries with stems, patted dry
- 24 pieces dried pineapple
| Ingredient | Quantity | Notes |
|---|---|---|
| Unsalted Butter | 1 cup total (split) | Softened for both bar and frosting layers |
| Sugars | 1 ½ cups total | Brown and granulated for bars, powdered for frosting |
| Egg | 1 large | For binding the bar dough |
| Extracts | 2 teaspoons total | Coconut and rum extract for flavor |
| All Purpose Flour | 2 ½ cups (300g) | Base for the cookie bar layer |
| Baking Powder | 1 teaspoon | Leavening agent for the bars |
| Salt | ¾ teaspoon total | Enhances flavor in both layers |
| Sweetened Shredded Coconut | 2 ½ cups total | For bar layer and frosting layer |
| Crushed Pineapple | 1 (8 ounce) can | Must be well-drained for the frosting |
| Pineapple Juice | 1 tablespoon | Reserved from drained pineapple for frosting |
| Toasted Coconut | ½ cup | For topping the bars |
| Cherries and Dried Pineapple | 24 each | For garnish before serving |
Ingredient Notes and Substitutions
You can swap ingredients based on what you have. For a dairy-free version, use a dairy-free butter substitute for both the bars and the frosting. If you don’t have rum extract, you can omit it or use an additional teaspoon of coconut extract for a stronger coconut flavor. Ensure the crushed pineapple is drained extremely well to prevent a soggy frosting. If you can’t find dried pineapple, omit or add extra toasted coconut for texture. If you need these to be gluten-free, use a good quality gluten-free all-purpose flour blend. For a more intense tropical flavor, try adding a touch of lime zest to the frosting.
How to Make Pina Colada Bars
- Preheat Oven & Prepare Pan: Preheat the oven to 375°F (190°C). Spray a 9×13-inch glass pan with nonstick cooking spray.
- Cream Butter and Sugars: In a large bowl, beat the softened butter with the packed light brown sugar and granulated sugar until creamy and well combined.
- Add Wet Ingredients: Add the large egg and the coconut extract and rum extract (if using) to the butter mixture. Beat again until thoroughly combined.
- Combine Dry Ingredients: In a separate medium bowl, whisk together the all-purpose flour, baking powder, and table salt. Stir in the 1 cup of sweetened shredded coconut.
- Form Dough: Slowly add the dry ingredients to the wet ingredients, mixing on low speed (or by hand) until a soft dough forms. Do not overmix.
- Press Dough into Pan: Press the cookie dough evenly into the bottom of the prepared 9×13-inch pan, creating a solid base layer.
- Bake Bars: Bake for 14 minutes, or until the edges are lightly golden and the center is set. Remove the pan from the oven and let the bars cool completely in the pan on a wire rack. This step is crucial for the frosting to set properly.
- Make the Frosting: While the bars are cooling, prepare the frosting. In a medium bowl, beat the softened butter and ¼ teaspoon of table salt until creamy.
- Add Pineapple: Add the very well-drained crushed pineapple to the butter mixture and beat until fully incorporated and creamy.
- Sweeten Frosting: Gradually add the powdered sugar and the 1 tablespoon of reserved pineapple juice, beating until the frosting is smooth and creamy.
- Add Coconut to Frosting: Stir in the 1 ½ cups of sweetened shredded coconut until evenly distributed throughout the frosting.
- Frost the Bars: Once the cookie base is completely cooled, spread the unsweetened coconut frosting evenly over the top.
- Garnish: Sprinkle the ½ cup of toasted coconut evenly over the frosting.
- Cut and Serve: Before serving, cut the cooled bars into 24 pieces. Top each bar with a garnished cherry and a piece of dried pineapple.
Pro Tips for Perfect Results
- Ensure the crushed pineapple is drained incredibly well; excess moisture can make the frosting too thin.
- Let the bar base cool completely before adding the frosting. This prevents the frosting from melting.
- Toast your coconut for the topping; it adds a wonderful nutty depth of flavor and a delightful crunch.
- For uniform bars, use a ruler to mark your cuts before slicing.
Common Mistakes to Avoid
- Applying frosting to a warm bar base will result in a melted, messy frosting layer. Patience is key here!
- Not draining the pineapple sufficiently can lead to a runny frosting that slides off the bars.
- Overmixing the bar dough can result in tough bars. Mix just until combined.
Variations
- Lime Zest Boost: Add 1-2 teaspoons of lime zest to the frosting for an extra tropical tang that complements the pineapple.
- Coconut Cream Swirl: Swirl a tablespoon or two of thick coconut cream into the frosting for added richness and a slightly different texture.
- Nutty Topping: Add some chopped macadamia nuts or slivered almonds into the toasted coconut topping for extra crunch and flavor complexity.
Serving Suggestions
- Serve these delightful bars as a sweet ending to any meal, especially during warm weather.
- They are perfect for potlucks, parties, or as a delightful afternoon treat.
- Pair with a refreshing glass of iced tea or a tropical fruit punch.

Storage & Reheating
| Method | Duration | Instructions |
|---|---|---|
| Refrigerator | 3–4 days | Store the cut bars in an airtight container. They may become slightly softer over time. |
| Freezer | Up to 1 month | Freeze unfrosted bars, then frost after thawing. Alternatively, freeze frosted bars, though the frosting texture might change slightly upon thawing. |
| Reheat | N/A | These bars are best served chilled or at room temperature and do not require reheating. |
Nutritional Information
| Nutrient | Amount |
|---|---|
| Calories | Approx. 400-450 kcal per bar (varies based on exact ingredients and portion size) |
| Protein | 3-5g |
| Carbohydrates | 50-60g |
| Fat | 20-25g |
FAQs
Can I use fresh pineapple instead of canned?
Yes, but you will need to cook it down to reduce its moisture content significantly before draining very well. Canned crushed pineapple is recommended for its convenience and texture.
Can I omit the rum extract?
Absolutely. If you prefer to omit the rum extract or if it’s not suitable for your dietary needs, simply use additional coconut extract or another complementary extract like vanilla extract, or omit it entirely. The flavor will still be delicious.
How do I get the garnishes to stick?
The frosting is sticky enough to hold the toasted coconut. For the cherries and dried pineapple, pressing them gently into the frosting just before serving should keep them in place.
Final Thoughts
These Pina Colada Bars are a delightful escape to the tropics in every bite. They are reliable, quick to assemble, and wonderfully adaptable to different preferences. With their sweet coconut, tangy pineapple, and buttery cookie base, they are a perfect option for everyday baking and deliver consistent, crowd-pleasing results every time.
PrintDelicious Pina Colada Bars Recipe
A no-bake tropical dessert capturing the essence of a pina colada with a buttery crust, tangy pineapple frosting, and coconut accents. Quick to assemble and perfect for gatherings.
- Prep Time: 15
- Cook Time: 14
- Total Time: 29
- Yield: 24 bars
- Category: Dessert
- Method: Baking (no-bake assembly)
- Cuisine: American
- Diet: Vegetarian
Ingredients
For the Bars:
½ cup unsalted butter (softened)
½ cup packed light brown sugar
½ cup granulated sugar
1 large egg
1 teaspoon coconut extract
2 ½ cups all-purpose flour (300g)
1 teaspoon baking powder
½ teaspoon table salt
1 cup sweetened shredded coconut
For the Frosting:
½ cup unsalted butter (softened)
¼ teaspoon table salt
1 – 8 ounce can crushed pineapple (drained)
4 ½ cups powdered sugar
1 tablespoon pineapple juice (reserved from crushed pineapple)
1 ½ cups sweetened shredded coconut
½ cup toasted coconut
24 cherries (with stems, patted dry)
24 pieces dried pineapple
Instructions
Preheat oven to 290°F (145°C)
Blend butter, brown sugar, and granulated sugar until smooth
Beat in egg and coconut extract
Mix in flour, baking powder, salt, and shredded coconut
Press half the mixture into a 13×9-inch pan
Bake for 10 minutes
Cool completely
In a bowl, combine softened butter and salt
Mix in drained crushed pineapple, powdered sugar, and pineapple juice until stiff
Fold in 1 ½ cups shredded coconut
Spread frosting over cooled crust
Top with remaining dough and bake 4 minutes
Cool completely
Decorate with toasted coconut, cherries, and dried pineapple pieces
Notes
Substituted rum extract with coconut extract
Cherries and dried pineapple make festive garnishes
Store in an airtight container at room temperature for up to 48 hours
For extra flavor, use toasted shredded coconut in the topping

