How many servings does this recipe make?

This recipe makes 4 servings. You can adjust the portion size directly on this page.

What ingredients do I need for Coconut Mocha Bars?

You need 12 ingredients. The key ingredients include: 1/2 cup butter melted, 1/2 cup brown sugar, 1 egg lightly beaten, 1/2 cup all purpose flour, and more.

Is Coconut Mocha Bars suitable as general?

Yes, Coconut Mocha Bars falls under the General category and is a great choice for this type of meal.

How do I store leftover Coconut Mocha Bars?

Store leftovers in an airtight container in the refrigerator for up to 3–4 days. Reheat gently before serving.

Coconut Mocha Bars Recipe

Name: Coconut Mocha Bars
Prep time: 15 min
Cook time: 30 min
Total time: 45 min
Yield: 4 servings
Ingredients: 1/2 cup butter melted; 1/2 cup brown sugar; 1 egg lightly beaten; 1/2 cup all purpose flour; 1/4 cup self rising flour; 2 tablespoons cocoa powder plus extra, for dusting; 1 cup shredded coconut; icing; 2 teaspoons instant coffee dissolved in 1 tsp warm water; 1/2 cup powdered sugar sifted; 1 teaspoon butter; grated chocolate to serve

Try this homemade Coconut Mocha Bars recipe the whole family will love. Made with butter, brown sugar, egg and flour. Easy step-by-step instructions inc…

This Coconut Mocha Bars relies on simple, everyday ingredients such as butter melted, brown sugar, egg lightly beaten and all purpose flour. It comes together quickly and makes 4 servings, at about 510 kcal each. The step-by-step instructions below are written to be easy to follow, even on a busy day.

It's versatile enough for an easy weeknight dinner yet satisfying enough for guests at the weekend. Serve it with your favorite sides, and keep any leftovers for a quick meal the next day.

Updated Jun 30, 2026

Serves 4 General

Tips for the best results

Read through all the steps once before you start and measure out your ingredients first — it makes everything go more smoothly.
Taste as you go and adjust the seasoning before serving.
Avoid overcrowding the pan — cook in batches if needed for the best texture.
Let the dish rest for a few minutes before serving so the flavors settle.
Store leftovers in an airtight container in the fridge and enjoy within a few days.

Variations & substitutions

Use a neutral oil or a plant-based spread in place of butter for a dairy-free version.
Brown sugar instead of white sugar adds a deeper, more caramel-like flavor.
A good 1:1 gluten-free flour blend works well if you need a gluten-free version.

No specific allergen information. Please check the ingredient list for possible allergens.

My Personal Notes

Saved locally in your browser — visible only to you.

Coconut Mocha Bars

Tips for the best results

Variations & substitutions

My Personal Notes

How did you like this recipe?

Frequently Asked Questions