Tasty Coconut Lime Bars

Featured in: Indulgent Desserts and Baked Delights for Every Occasion

These delicious treats combine a rich coconut base with chunks of white chocolate, all crowned with zesty lime icing. They're finished with white chocolate drizzles and coconut flakes for that coffee shop look. This simple homemade version lets you enjoy these popular treats whenever you want, with every bite perfectly balancing sweet coconut and tangy lime.

Chef with a smile, ready to cook and serve.
Updated on Fri, 18 Apr 2025 19:25:35 GMT
A white plate with a dessert on it. Pin it
A white plate with a dessert on it. | yummygusto.com

These tangy coconut lime squares combine rich coconut blondies with a fresh lime topping that's just like those famous Starbucks treats everyone craves. After lots of kitchen trials, I've nailed this homemade version that my buddies now prefer to the coffee shop original!

When I first whipped these up for my kid's study buddies, they vanished quicker than any store snacks. They've become our family's go-to dessert whenever we're celebrating good news.

What You'll Need

  • Butter: Gives that dreamy melt-in-your-mouth feel these squares need
  • Brown sugar: Adds those sweet caramel hints that work so well with coconut
  • Egg: Keeps everything together and adds needed moisture
  • Vanilla extract: Boosts the overall taste without being too strong
  • Coconut extract: Boosts the island flavor — grab real extract if you can
  • Flour: Forms the base structure — regular all-purpose works best
  • Baking powder: Provides the right amount of rise without making them too fluffy
  • Salt: Cuts through sweetness — don't skip it even with salted butter
  • Shredded coconut: Delivers authentic feel and taste — unsweetened is ideal
  • White chocolate chips: Make tiny bursts of sweetness throughout
  • Lime extract: Delivers that key citrus kick without extra liquid
  • Powdered sugar: Makes smooth, lump-free frosting
  • Heavy cream: Creates a velvety frosting texture — milk can work too
  • Lime juice: Adds natural tang and brightens the topping
  • Food coloring: Creates that classic Starbucks light green look

How To Make Them

Get Ready:
Heat your oven to 350°F and put parchment in an 8x8 pan with extra hanging over the sides so you can lift bars out later. This paper trick makes cleanup super easy.
Mix The Foundation:
Beat soft butter and brown sugar for at least 3 minutes until it looks pale and fluffy. This puts air in the mix for the right texture. Mix in the egg, vanilla, and coconut extract until everything looks smooth. Don't forget to scrape the bowl so everything mixes evenly.
Combine Dry Stuff:
Stir in flour, baking powder, salt, and coconut with a spoon or spatula. Stop mixing as soon as the flour disappears — too much stirring makes tough bars. Gently add white chocolate chips so they spread out in the batter.
Cook It Right:
Spread this thick mix evenly in your pan using a flat spatula to make it level. Bake for exactly 15-16 minutes until edges start turning golden but the middle still looks a bit soft. They'll finish cooking as they cool, which stops them from getting too dry.
Make Lime Topping:
Beat soft butter in a big bowl for about 2 minutes until creamy. Slowly add powdered sugar, cream, lime juice, and lime extract, starting with slow mixing then speeding up once it's blended. Whip 3-4 minutes until it gets really light. Add green coloring just a tiny bit at a time until you get that light lime shade.
Put It All Together:
After bars are totally cool, spread lime frosting in an even layer. Melt white chocolate in short 15-second microwave bursts, stirring between each, until smooth. Drizzle this chocolate in zigzags across the top. Sprinkle extra coconut on top before the chocolate hardens. Chill for 20 minutes, then cut into 16 equal squares.
A white plate with a dessert on it. Pin it
A white plate with a dessert on it. | yummygusto.com

The coconut really shines in this treat. I found that using unsweetened instead of sweetened coconut gives a better texture and lets you manage how sweet everything is. My grandma always told me good coconut treats should feel tropical, not just taste sugary, and this recipe follows her advice.

How to Keep Them Fresh

These squares actually taste better after spending a day in the fridge as the flavors blend together. Keep them in a sealed container with parchment between layers so they don't stick. They'll stay good for 5 days in the fridge or you can freeze them for up to 3 months. For freezing, I suggest storing them without frosting, then adding the topping after they thaw for the freshest flavor. Let them warm up slightly before eating for the best texture and taste.

Swap These Ingredients

When you're missing something, try these alternatives. Almond extract works instead of coconut extract, though it'll change the flavor a bit. For a dairy-free option, swap coconut oil for butter and use coconut cream instead of heavy cream in the frosting. If you want stronger lime flavor, add a teaspoon of lime zest to both the base and the frosting. For a fun twist, try key lime juice instead of regular lime for a stronger citrus kick.

Ways to Serve

These bars go great with hot or cold coffee just like at Starbucks. For parties, try cutting them smaller and serving with fresh berries for a pop of color. They're perfect for brunches, baby showers, or afternoon tea. For a fancy dessert touch, warm a square slightly and add a small scoop of coconut ice cream with a fresh mint leaf.

A white tray with a slice of cake on it. Pin it
A white tray with a slice of cake on it. | yummygusto.com

These homemade Starbucks-style bars are a delightful treat, perfect for special moments or just because you want something sweet!

Frequently Asked Questions

→ Can I swap butter with coconut oil in this recipe?

Sure thing, you can use coconut oil instead of butter with equal amounts, but expect some changes. The bars will have stronger coconut flavor but might be crunchier rather than chewy.

→ How long will these coconut lime bars stay good?

They'll stay tasty for 3-4 days in a sealed container at room temp, or about a week in the fridge. The lime flavor actually gets stronger after chilling overnight.

→ Is it okay to freeze these bars?

Absolutely. Wrap each bar separately and pop them in a freezer bag for up to 3 months. Just let them thaw on the counter or in your fridge before eating.

→ What can I use if I don't have lime extract?

No lime extract? Just add more lime zest, about 1-2 teaspoons works great. You can also try lemon or orange extract if you want a different citrus kick.

→ How do I make these without gluten?

Just swap regular flour with your favorite gluten-free blend at the same amount. Don't forget to check that your vanilla extract and baking powder are also gluten-free certified.

→ Can I use the sweetened kind of coconut?

Yes, you can use sweetened shredded coconut if that's what you have. The bars will turn out sweeter though, so you might want to cut back on brown sugar by about 2 tablespoons.

Coconut Bars with Lime

Rich coconut squares with tangy lime icing and white chocolate that beat any coffee shop version.

Prep Time
20 Minutes
Cook Time
16 Minutes
Total Time
36 Minutes
By: Sandra

Category: Sweet Treats

Difficulty: Intermediate

Cuisine: American

Yield: 16 Servings (16 bars)

Dietary: Vegetarian

Ingredients

→ Base

01 ½ cup butter, left at room temp
02 ⅔ cup brown sugar
03 1 egg, brought to room temp
04 1 teaspoon vanilla extract
05 ¼ teaspoon coconut extract
06 1¼ cups all-purpose flour
07 ½ teaspoon baking powder
08 ¼ teaspoon salt
09 ½ cup unsweetened coconut flakes
10 ⅓ cup tiny white chocolate chips

→ Lime Frosting

11 ½ cup butter, not cold
12 ½ teaspoon lime extract
13 1½ cups powdered sugar
14 1 tablespoon heavy cream or milk
15 2 tablespoons lime juice
16 Lime green food coloring

→ Garnish

17 2 tablespoons melted white chocolate
18 2 tablespoons coconut flakes

Instructions

Step 01

Heat your oven to 175°C (350°F). Put parchment paper in a 20x20cm (8x8-inch) baking pan with extra hanging over the sides for easy lifting later.

Step 02

Whip the butter and brown sugar till they're fluffy and pale. Add the egg, vanilla, and coconut flavors, then mix till everything's smooth.

Step 03

Stir in the flour, baking powder, salt, and coconut flakes just enough to mix them. Then toss in those white chocolate chips gently.

Step 04

Push the mixture flat in your lined pan. Pop it in the oven for about 15-16 minutes until the edges turn golden and the middle doesn't jiggle. Let it cool all the way on a wire rack.

Step 05

Beat the soft butter in a big bowl until it's smooth. Slowly mix in the powdered sugar, then add lime extract, milk, and lime juice until it's light and airy. Drop in some green coloring to match that famous coffee shop shade.

Step 06

Smear the lime frosting all over the cooled base. Dribble melted white chocolate on top using a bag with the corner snipped or just a spoon. Scatter the extra coconut flakes on top.

Step 07

Slice into squares and eat them fresh or chilled. They taste great with coffee or a glass of milk for the full coffee shop feel.

Notes

  1. If you can't find lime green coloring, just mix some yellow and green drops together for that signature look.
  2. You can keep these treats in a sealed container in your fridge for about 5 days.

Tools You'll Need

  • 20x20cm (8x8-inch) baking pan
  • Parchment paper
  • Electric mixer
  • Mixing bowls
  • Piping bag or plastic bag with corner cut (if you want)

Allergy Information

Please check ingredients for potential allergens and consult a health professional if in doubt.
  • Has dairy products like butter, milk, and white chocolate
  • Contains egg
  • Has wheat from the flour
  • Includes coconut

Nutrition Facts (Per Serving)

It is important to consider this information as approximate and not to use it as definitive health advice.
  • Calories: 235
  • Total Fat: 12.7 g
  • Total Carbohydrate: 28.5 g
  • Protein: 1.8 g