Orange and pineapple juice, mixed in equal parts with a splash of grenadine, make up the Afterglow, a non-alcoholic drink as notable for its appearance as its taste. The grenadine settles toward the bottom of the glass and bleeds upward through the juices, producing a sunset gradient when served over ice. Containing no alcohol and roughly 196 calories, it offers a tropical, fruit-driven profile suitable for any age. The pomegranate sweetness of the grenadine plays against the citrus and pineapple, lending both color and a measured depth of flavor.

Afterglow cocktail in a highball glass — made with Grenadine, Orange juice, and Pineapple juice

Afterglow

难度 Easy
热量 ~196 kcal

原料

调制步骤

Mix. Serve over ice.

NonAlcoholic Fruity Refreshing

Afterglow是一款无酒精热带莫吉托,将等量橙汁和菠萝汁混合,加入少量石榴糖浆增色并带来石榴甜味。石榴糖浆沉于底部,盛于冰上后呈现出如日落般的渐变效果,视觉效果与口感同样出众。0%酒精度,196卡路里,老少皆宜。

History & Origins

Afterglow is a modern mocktail creation with no documented historical origin, typical of the alcohol-free drink recipes developed in response to growing demand for sophisticated non-alcoholic options. The sunset-inspired color gradient created by the grenadine has made it a popular choice for themed parties and tropical-style venues. Its origin is disputed, as the recipe circulates widely without a credited inventor.

Tasting Notes

Aroma: Fresh tropical fruit — sweet pineapple and bright orange dominate, with a faint berry hint from the grenadine. Palate: Sweet and juicy, with tropical pineapple sweetness and fresh orange acidity balancing each other; grenadine adds a gentle pomegranate note without overpowering the fruit. Finish: Clean, refreshing, and lightly sweet.

tropical citrusy pineapple sweet fruity

Pro Tip

Pour the grenadine in last and do not stir immediately, allowing it to create a gradient sunset effect before serving.

Frequently Asked Questions

What is in the Afterglow mocktail?

The Afterglow is a non-alcoholic mocktail made from orange juice, pineapple juice, and grenadine, with zero alcohol content. The grenadine adds sweetness and a deep red-orange color at the bottom of the glass that fades into the lighter pineapple and orange tones above, creating the sunset visual effect suggested by its name.

How do you achieve the layered effect in an Afterglow?

To create the layered sunset effect, pour the pineapple and orange juices first over ice, then slowly drizzle the grenadine along the side of the glass or over the back of a spoon. The grenadine, being denser than the fruit juices, will sink to the bottom and create a gradient that mimics the colors of a sunset.

Is the Afterglow suitable for all ages?

Yes, the Afterglow is completely alcohol-free, making it suitable for children, pregnant women, designated drivers, and anyone avoiding alcohol. Its sweet, fruity flavor profile appeals broadly, and the dramatic sunset visual presentation makes it festive enough for celebratory occasions where alcoholic cocktails would otherwise be served.

营养成分 →

Embed on your site — CocktailFYI

Add the widget to any webpage using a script tag.

<div data-cocktailfyi="recipe" data-slug="afterglow"></div>
<script src="https://cdn.jsdelivr.net/npm/cocktailfyi-embed@1/dist/embed.min.js" defer></script>

Embed using a standard iframe — works in any CMS.

<iframe src="https://cocktailfyi.com/iframe/recipe/afterglow/" width="100%" height="480" frameborder="0" loading="lazy" title="CocktailFYI recipe widget"></iframe>

Paste the URL into WordPress, Medium, or any oEmbed-aware editor.

https://cocktailfyi.com/recipes/afterglow/

Add a badge linking back to CocktailFYI.

<a href="https://cocktailfyi.com/recipes/afterglow/" target="_blank" rel="noopener">
  <img src="https://cocktailfyi.com/badge/site.svg" alt="CocktailFYI" height="20">
</a>
Preview: CocktailFYI

Use the CocktailFYI WordPress plugin shortcode.

[drinkfyi-recipe site="cocktailfyi" slug="afterglow"]

Use as a native HTML custom element in modern browsers.

<cocktailfyi-recipe slug="afterglow" theme="light"></cocktailfyi-recipe>
<script src="https://cdn.jsdelivr.net/npm/cocktailfyi-embed@1/dist/embed.min.js" defer></script>