4 Ingredient Coconut Ice

Pink and white bite-sized squares of classic British coconut ice, made with just four simple ingredients. This easy no-bake coconut ice recipe is traditionally found in seaside sweet shops across the UK and has been lovingly adapted here using modern vegan pantry staples. It’s dairy-free, gluten-free, and vegan, with a soft, fudgy centre and a lightly firm outer edge. The hardest part of this recipe? Waiting for it to set before you dig in.

Jump to Recipe

A stack of 4 squares of coconut ice on a wooden board.

Jump To

A Little British Nostalgia

Both my husband and I grew up in the UK, and coconut ice is one of those nostalgic treats that instantly transports us back to wandering seaside towns, popping into small bakeries and sweet shops, and coming home with paper-wrapped sweets for later. When I recently made this for his birthday, it was an immediate hit – not just with us, but with our kids too.

As a British baker with nearly two decades of professional baking experience, I’ve tested many versions of coconut ice over the years. This version stays true to the traditional flavour and texture while being reliable, allergy-aware, and easy to recreate at home.

Why You Should Make This Recipe

If you love low-effort, high-reward treats, this coconut ice deserves a spot in your recipe box.

Only 4 ingredients and 10 minutes of prep
Completely no-bake — no oven required
Naturally dairy-free, gluten-free, and vegan
Easy enough for kids to help with
Perfect for warm or humid weather when baking feels like too much

It’s sweet, satisfying, and ideal for picnics, road trips, dessert tables, or gifting.

Why This Recipe Works

This coconut ice recipe is simple yet carefully balanced.

The ratio of icing sugar to coconut condensed milk ensures the mixture sets without becoming crumbly
Coconut condensed milk firms up at room temperature, eliminating the need for refrigeration
Mixing and layering each colour separately prevents bleeding and keeps the layers clean

This method has been tested multiple times using different brands of coconut condensed milk to ensure consistent results.

Ingredients and Substitutions

This recipe relies on pantry staples and precise ratios, so it’s best made as written.

Two bowls of icing sugar, two bowl of shredded coconut, some pink food colouring and a can of coconut condensed milk.

Icing Sugar: Sifting is highly recommended to prevent lumps and ensure a smooth, even texture.

Shredded Coconut: Shredded coconut provides the classic texture. If you prefer a smoother finish, briefly pulse it in a food processor. Flaked coconut is not recommended.

Condensed Milk: Use sweetened condensed coconut milk, not evaporated coconut milk or coconut cream. For this recipe, I use a 250 ml can. If you can only find a larger can, you can scale the recipe:

Match the icing sugar (in grams) to the can size (in ml)
Multiply the can size by 0.8 to calculate the coconut amount

For example:
400 ml condensed coconut milk = 400 g icing sugar + 320 g shredded coconut

Food Colouring: A few drops of pink gel food colouring creates the traditional pastel look. You can swap colours to suit different occasions.

How to Make Coconut Ice

Before you begin, measure out all ingredients and divide the icing sugar and coconut into two equal portions. Each layer is mixed separately to keep the colours clean and evenly set.

Prepare the Pan

Grease an 8 x 8 inch baking pan and line with parchment paper, allowing overhang on all sides. This makes removal much easier once set.

An 8 by 8 inch baking pan lined with parchment paper.

Make the White Layer

Add 125 g icing sugar and 125 ml condensed coconut milk to a mixing bowl.

Adding condensed coconut milk to a bowl of icing sugar and using a pink spatula.

Stir until smooth. It will be a slightly runny consistency.

Stirring the coconut condensed milk and icing sugar in a bowl with a wooden spoon.

Add 100 g shredded coconut and mix until fully combined.

Adding shredded coconut to a bowl with condensed coconut milk and icing sugar.

Spread evenly into the prepared pan and smooth the surface.

Using a wooden spoon to add white coconut ice mixture to a lined baking pan.

Showing the layer of white coconut ice in the baking pan once spread out evenly.

Make the Pink Layer

Add the remaining 125 g icing sugar and 125 ml condensed coconut milk to the same bowl (no need to clean it).

Add a couple of drops of pink gel food colouring and stir until evenly coloured.

Adding a drop of pink food colouring to condensed coconut milk and icing sugar.

I adore the delicate pastel pink that this creates.

Showing the pink colouring of the coconut ice mixture on a wooden spoon.

Mix in the remaining 100 g shredded coconut.

Adding a bowl of shredded coconut to the pink condensed coconut milk mixture.

Look how lovely this colour looks. So vintage!

Stirring in the coconut to the pink condensed coconut milk mixture.

Carefully spread over the white layer, filling in any gaps and smoothing the top.

The pink coconut ice in a heap on top of the white coconut ice in a baking pan.

Spreading out the pink coconut ice with a tapered spatula.

All done! Wasn’t that easy?

Holding a baking pan with freshly spread coconut ice in it.

The Hardest Part: Let It Set

This will truly be a test of your willpower. Leave the coconut ice uncovered at room temperature for at least 2 hours. In very humid kitchens, it may take closer to 3 hours to fully firm up.

Once set, lift the slab out using the parchment paper overhang.

Removing the parchment paper and coconut ice from the baking pan while holding the sides of the parchment paper.

We waited (impatiently) before cutting up some of the coconut ice into bite-size pieces and then continued to cut the rest of the slab up throughout the following week, as we were snacking on it.

Slicing the coconut ice on a wooden board with a sharp knife.

I recommend leaving the slab intact and cutting pieces as needed. This helps prevent the coconut ice from drying out too quickly.

A slab of coconut ice on a wooden board with 5 squares cut on the left side.

Nice and easy and that took no time at all to make.

A stack of 4 squares of coconut ice on a wooden board next to a slab of coconut ice.

Serving Suggestion

These pink and white coconut ice squares are perfect alongside a cup of tea or coffee, or arranged on a dessert platter for parties, picnics, or afternoon treats. They also make a lovely homemade gift, wrapped in parchment for friends and family.

More Options and Variations

If you’d like to change things up, this recipe is very adaptable.

Drizzle with melted dairy-free chocolate
Add oil-based flavour extracts (avoid water-based extracts as they can affect setting)
Change colours for holidays or celebrations

Neapolitan Coconut Ice:
Divide all ingredients into thirds and replace 20 g of icing sugar with cocoa powder for the chocolate layer.

Common Questions

Can I add flavouring to coconut ice?

Absolutely! Stick to oil-based extracts and add them sparingly to avoid altering the texture.

What should the texture be like?

Coconut ice should be fudgy in the centre with a slightly firmer outer edge. It will feel very soft when first made and continue to firm up over time.

I can’t find a 250ml can of condensed coconut milk. What should I do?

Scale the recipe using the method outlined in the ingredients section. You’ll end up with more coconut ice — never a bad thing.

Is coconut ice suitable for nut-free environments?

While this recipe contains coconut (classified as a tree nut in some regions), it does not contain peanuts or other tree nuts. Always follow your household or school allergy guidelines.

How should I store coconut ice?

Store in an airtight container at room temperature for up to 2 weeks. Leave the slab on parchment paper and cut pieces as needed for best texture.

Craving More Bite-Sized Treats?

This coconut ice is perfect for picnics, beach days, and dessert platters. If you love easy, small-batch sweets, try pairing it with my microwave vanilla fudge or millionaire shortbread for a crowd-pleasing spread.

For holiday cookie gift boxes, consider making these complimentary sweet treats:

If you make this recipe, I’d love to hear from you. Leave a comment below, rate the recipe, or share a photo on Instagram and tag @itsbakeangel so I can see your coconut ice creations.