• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
Christie at Home
  • Asian Recipes
    • Recipe Index (Search)
    • By Region
      • Chinese
      • Filipino
      • Indonesian
      • Japanese
      • Korean
      • Malaysian
      • Taiwanese
      • Thai
      • Vietnamese
    • By Course
      • Mains
      • Appetizers/Sides
      • Breakfast
      • Snacks
      • Dessert
      • Beverages
  • Shop
  • Subscribe
  • ABOUT ME
    • Work with Me
    • Copyright Policy
    • Facebook
    • Instagram
    • Pinterest
    • TikTok
    • YouTube
menu icon
go to homepage
search icon
Homepage link
  • Asian Recipes
  • Shop Kitchenware
  • About Me
  • Subscribe
  • Work with Me
    • Facebook
    • Instagram
    • Pinterest
    • TikTok
    • YouTube
  • ×
    Home » Recipes » Beverages

    Grass Jelly Brown Sugar Milk

    Modified: Aug 5, 2026 · Published: Nov 13, 2023 by Christie Lai · This post may contain affiliate links · 9 Comments

    Jump to Recipe

    Bouncy, herbal grass jelly meets rich brown sugar sweetness in this refreshing homemade drink. This easy grass jelly brown sugar milk recipe comes together in just 10 minutes and can be adapted with dairy-free options for a cool, satisfying treat.

    Grass Jelly Brown Sugar Milk
    Jump to:
    • Why My Recipe Works
    • Ingredients & Substitutes
    • Instructions
    • Expert Tips
    • Variations
    • Pairing Suggestions
    • Storage
    • FAQ
    • More Like This
    • 📖 Recipe

    This recipe relies on canned grass jelly, a traditional Southeast Asian dessert ingredient derived from the Chinese mesona plant. I love this glossy black, jiggly jelly because it is incredibly light and refreshing, with a subtle herbal aftertaste that makes every sip feel balanced. Paired with a rich brown sugar syrup, it creates the perfect contrast of herbal freshness and deep caramel sweetness.

    The key to those beautiful caramel stripes is simmering the brown sugar into a thick syrup before coating the glass. The concentrated syrup creates sticky, dramatic ribbons that cling to the sides instead of immediately dissolving into the cold milk.

    Grass Jelly Brown Sugar Milk

    Why My Recipe Works

    • Dual-textured jelly cubes: Slicing the grass jelly into a mix of small and medium pieces creates an exciting variation in texture with every sip.
    • Syrup-infused soaking process: Tossing the cut jelly directly in warm brown sugar syrup helps the naturally mild herbal gel absorb extra sweetness.
    • Ice-layered drizzling method: Layering the ice cubes before spooning in the syrup creates a structure that helps the thick glaze cling to the glass and form distinct caramel streaks.

    Ingredients & Substitutes

    Exact ingredient amounts are listed in the recipe card at the bottom of this page.

    • Canned Grass Jelly: Choose the firm, black variety from the canned aisle of your local Asian grocery store. (Sub: Pandan-flavored grass jelly)
    • Brown Sugar: Adds deep caramel notes and a rich sweetness that balances the herbal grass jelly. (Sub: Dark brown sugar or white granulated sugar)
    • Cold Water: Helps dissolve the sugar evenly and creates a smooth syrup consistency without scorching.
    • Milk of Choice: Use whole dairy milk for a creamy version, or choose your favorite plant-based milk alternative for a dairy-free option.
    • Ice Cubes: Keeps the drink cold while maintaining the contrast between the chewy jelly, sweet syrup, and creamy milk.
    a picture of canned grass jelly

    Instructions

    Below are step-by-step instructions on how to make grass jelly brown sugar milk:

    Black grass jelly sliced into small and medium cubes on a flat cutting board.
    1. Slice the grass jelly: Remove one can of firm black grass jelly from the container and place it on a cutting board. Slice the jelly block in half, then cut one half into small cubes and the other half into medium cubes. Place the two sizes into separate bowls and set aside.
    Thick, bubbling brown sugar syrup simmering in a small saucepan.
    1. Simmer the syrup mixture: Add the brown sugar and cold water to a small saucepan. Bring the mixture to a boil over medium heat, then reduce to simmer and stir consistently until the sugar dissolves and the syrup thickens.
    Glistening black grass jelly cubes coated in glossy brown sugar syrup.
    1. Coat the jelly cubes with syrup: Pour half of the warm brown sugar syrup evenly between the two bowls of grass jelly cubes. Gently toss the small and medium cubes with a spatula until each piece is coated, then reserve the remaining syrup for creating the layered glass effect.
    Syrup-coated black grass jelly cubes topped with clear ice cubes at the bottom of a tall glass.
    1. Layer the glass base: Add a mixture of the syrup-coated small and medium grass jelly cubes to the bottom of a tall serving glass. Place five ice cubes on top of the jelly layer to create a chilled base.
    Caramel-colored streaks of brown sugar syrup running down the inside walls of a glass filled with grass jelly and ice.
    1. Create the marble effect: Add another layer of grass jelly cubes over the ice. Slowly spoon the reserved brown sugar syrup along the inside walls of the glass, allowing it to create visible caramel-colored streaks.
    Creamy white milk poured over dark grass jelly cubes, ice, and streaked brown sugar syrup.
    1. Fill with cold milk: Pour 1 cup of your preferred cold milk over the layered grass jelly, ice, and syrup. Serve immediately for the best contrast between the chewy jelly, sweet syrup, and creamy milk.

    Expert Tips

    • Separate the grass jelly cubes gently before adding the warm syrup to ensure even coating.
    • Test the syrup thickness by checking that it lightly coats the back of a spoon.
    • Use large, solid ice cubes to help keep the layers from blending together too quickly.
    • Let the syrup cool slightly before assembling so it clings to the glass and creates defined streaks.
    • Pour the milk slowly over the ice to preserve the marbled syrup effect.

    Variations

    • Creamy coconut blend: Use canned light coconut milk as the beverage base for a lighter tropical twist with subtle coconut flavor and extra creaminess.
    • Boba ingredient variation: Replace the grass jelly with chewy brown sugar tapioca pearls for a classic bubble tea texture.
    • Matcha green tea twist: Whisk 1 teaspoon of culinary matcha with ¼ cup warm water until frothy and smooth, then divide and layer it into the milk for an earthy, tea-forward flavor.

    Pairing Suggestions

    Serve grass jelly brown sugar milk with:

    • Egg tarts: Warm, flaky pastry with rich custard flavor complements the drink's creamy milk base.
    • Mango sago: This chilled mango tapioca dessert pairs well with the refreshing herbal jelly.
    • Sticky rice with mango: Sweet coconut sticky rice balances the drink's cold temperature and caramel-like brown sugar sweetness.

    Storage

    • Refrigerator storage: Store leftover grass jelly and brown sugar syrup separately in airtight containers for up to 5 days.
    • Freezer guidelines: Do not freeze grass jelly, as it becomes watery when thawed. The brown sugar syrup can be frozen for up to 3 months and thawed overnight in the refrigerator.

    FAQ

    Why did my brown sugar syrup immediately mix into the milk?

    Your syrup was likely too thin. Simmer it longer until it reduces into a thicker glaze that can cling to the glass walls and create defined streaks.

    Is grass jelly the same thing as boba?

    No. Grass jelly is a firm, plant-based herbal jelly made from Chinese mesona, while boba refers to chewy tapioca pearls made from processed starch.

    Does grass jelly taste bitter on its own?

    Plain grass jelly has a mild earthy herbal flavor rather than a strong bitterness. Coating the cubes in warm brown sugar syrup adds sweetness and balances its natural taste.

    More Like This

    • Authentic Thai Iced Tea
    • Watermelon Milk
    • Strawberry Matcha Latte
    • Strawberry Milk
    • Korean Banana Milk

    📖 Recipe

    Easy 10-min. Grass Jelly Brown Sugar Milk

    Christie Lai
    Bouncy, herbal grass jelly meets rich brown sugar sweetness in this refreshing homemade drink. This easy grass jelly brown sugar milk recipe comes together in just 10 minutes and can be adapted with dairy-free options for a cool, satisfying treat.
    5 from 7 votes
    Print Recipe Pin Recipe
    Prevent your screen from going dark
    Prep Time 5 minutes mins
    Cook Time 5 minutes mins
    Total Time 10 minutes mins
    Course Beverage
    Cuisine Asian, Chinese
    Servings 4 glasses
    Calories per serving 233 kcal

    Ingredients
     
     

    • 19 oz canned grass jelly
    • 4 cups milk or any plant-based milk
    • ½ cup brown sugar
    • ½ cup water cold
    • ice cubes

    Instructions
     

    • Remove one can of firm black grass jelly from the container and place it on a cutting board. Slice the jelly block in half, then cut one half into small cubes and the other half into medium cubes. Place the two sizes into separate bowls and set aside.
    • Add the brown sugar and cold water to a small saucepan. Bring the mixture to a boil over medium heat, then reduce to a simmer and stir consistently until the sugar dissolves and the syrup thickens.
    • Pour half of the warm brown sugar syrup evenly between the two bowls of grass jelly cubes. Gently toss the small and medium cubes with a spatula until each piece is coated, then reserve the remaining syrup for creating the layered glass effect.
    • Add a mixture of the syrup-coated small and medium grass jelly cubes to the bottom of a tall serving glass. Place five ice cubes on top of the jelly layer to create a chilled base.
    • Add another layer of grass jelly cubes over the ice. Slowly spoon the reserved brown sugar syrup along the inside walls of the glass, allowing it to create visible caramel-colored streaks.
    • Pour 1 cup of your preferred cold milk over the layered grass jelly, ice, and syrup. Serve immediately for the best contrast between the chewy jelly, sweet syrup, and creamy milk.
    Enjoyed my recipe?Please leave a 5 star review (be kind)! Tag me on social media @christieathome as I'd love to see your creations!

    Suggested Equipment & Products

    • Small pot
    • Measuring Set
    • Kitchen Scale
    • Silicone Spatula 3-Piece Set
    Nutrition
    Calories: 233kcal | Carbohydrates: 51g | Protein: 4g | Fat: 2g | Sodium: 123mg | Potassium: 155mg | Fiber: 2g | Sugar: 45g | Vitamin A: 492IU | Calcium: 369mg | Iron: 2mg

    More Quick & Easy Beverage Recipes

    • berry tonic
      Mixed Berry Tonic
    • Vegan Iced Turmeric Latte
      Vegan Iced Turmeric Latte
    • watermelon milk
      Watermelon Milk
    • earl grey milk tea
      Earl Grey Milk Tea

    Reader Interactions

    Comments

      Did you enjoy my recipe? Cancel reply

      Your email address will not be published. Required fields are marked *

      Recipe Rating




    1. Lila

      May 04, 2023 at 3:13 am

      5 stars
      I bought a can out of curiosity from a Chinese supermarket. When I got home, I thought to just open the can and pour it into a big bowl and dive in. Surprise! It tasted nasty. Since I only took 2 bites, I decided to put the chunk into a smaller container and kept it refrigerated.

      Oh, a month or so past by and I decided to research a recipe on the internet and found you. Lucky me.

      I tried your recipe but with a twist; I substituted the brown sugar with an organic pure honey. I only used a couple of teaspoons of water and heated with the honey for a couple of moments in the microwave. Then I added the cut jelly and then the goat milk to my tall glass. Boy, was it delicious.

      Reply
      • christieathome

        May 04, 2023 at 1:45 pm

        Amazing! Happy it worked out for you and glad you enjoyed it with a twist! Thanks for making my recipe, Lila!

        Reply
    2. gf

      August 13, 2021 at 2:44 pm

      5 stars
      nice

      Reply
      • christieathome

        August 23, 2021 at 4:43 pm

        So glad you enjoyed this! Thank you for making my recipe!

        Reply
    3. Rosemary

      November 18, 2020 at 10:25 am

      5 stars
      And here I thought that I had to go into the mall to get some jelly tea! I am definitely trying this (also because my brother is obsessed with Asian food!)

      Reply
    4. Heidi | The Frugal Girls

      November 16, 2020 at 4:02 pm

      5 stars
      Those bouncy grass jelly cubes are so visually stunning. They make your beautiful 3 ingredient brown sugar milk so totally tempting! ❤️

      Reply
    5. Sherri

      November 13, 2020 at 9:30 am

      5 stars
      Wow! I've never heard of grass jelly before...it looks amazing! And love that it's vegan too...yay! This drink is a stunner for sure! 🙂

      Reply
      • christieathome

        November 13, 2020 at 8:19 pm

        Thanks so much Sherri!

        Reply
    6. Talia

      November 12, 2020 at 8:12 am

      5 stars
      I made this the other day and was blown away by how tasty and simple it was.

      Reply

    Primary Sidebar

    Christie

    Hello! I'm Christie, creator and recipe developer behind Christie at Home. I share quick and approachable Asian recipes, complete with tips, step-by-step pictures, and videos to make cooking easier for you. My work has been featured on BuzzFeed Tasty, Food52, The Kitchn, The FeedFeed, Sur La Table, Yummly, and more. Thanks so much for stopping by!

    More about me →

    Top Trending Recipes

    • featured image of Egg Fried Rice
      Egg Fried Rice
    • featured image of spicy asian cucumber salad
      Spicy Asian Cucumber Salad
    • Orange Chicken
    • featured image of bang bang shrimp
      Bang Bang Shrimp

    Latest Recipes

    • featured image of ABC soup
      ABC Soup
    • featured image of beef vegetable stir-fry
      Beef Vegetable Stir-Fry
    • featured image of korean perilla oil noodles
      Korean Perilla Oil Noodles
    • featured imaged of japanese chicken curry
      Japanese Chicken Curry

    Footer

    Follow Me

    • Facebook
    • Instagram
    • Pinterest
    • TikTok
    • YouTube

    Footer

    ↑ back to top

    Home

    • Home
    • Asian Recipes
    • Shop
    • Privacy Policy
    • Copyright Policy

    Contact

    • About
    • Work with Me

    As an Amazon Associate I earn from qualifying purchases.

    Copyright © 2026 Christie at Home