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 vaso highball — made with Grenadine, Orange juice, and Pineapple juice

Afterglow

Dificultad Easy
Calorías ~196 kcal

Ingredientes

Instrucciones

Mix. Serve over ice.

NonAlcoholic Fruity Refreshing

Afterglow es un mocktail tropical sin alcohol que mezcla partes iguales de jugo de naranja y jugo de piña, con un toque de granadina para el color y un toque de dulzura de granada. La granadina se hunde al fondo y crea un efecto de gradiente de puesta de sol cuando se sirve sobre hielo. A 0% ABV y 196 calorías, es una opción popular para todas las edades.

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.

Información nutricional →

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>