Matching-depth liner
Choose a liner close to the gloss depth when you want the pairing to look soft and blended. This is usually the safest route for sheer gloss.
Lip Liner with Lip Gloss: How to Pair Liners, Glosses, and Lip Combos
Lip liner with lip gloss works because the two products do different jobs: liner adds shape, depth, contrast, and structure, while gloss adds shine, softness, and light reflection.
This guide uses Niori shade references and swatches where available, with a focus on color relationships: depth, undertone, finish, and how a liner changes the way a gloss reads on the lips.
Top question
Can you wear lip liner with gloss?
Yes. Lip liner adds structure and gloss adds shine, so they are designed to work together.
Apply liner first, soften or fill in slightly, then place gloss mostly toward the center if you want the edge to stay visible. Use the pairing guide below to match liner depth and undertone to your gloss.
Pairing logic
How to choose a lip liner for gloss
Slightly deeper liner
Choose a liner about one step deeper when you want visible shape, a fuller-looking edge, or a more classic lip liner and gloss combo.
Brown liner
Brown liner adds contour and warmth. It works especially well with clear, beige-brown, rosy brown, caramel, and some pink glosses.
Pink or rose liner
Pink, rose, and mauve liners keep glosses from turning too flat or beige. They are useful under rosy mauve, berry-mauve, and soft pink glosses.
Clear gloss
With lip liner and clear gloss, the liner becomes the color story. The gloss mainly adds shine and softness.
Sheer gloss
Sheer gloss lets the liner show through, so undertone matching matters. A warm liner can warm up the whole lip; a cool liner can pull the gloss cooler.
Opaque gloss
Opaque gloss needs less liner color underneath, but liner still helps control the edge and add depth around the outside of the lip.
Combo ideas
Lip liner + gloss combo ideas
These examples use current NYX lip liner shade data where available and published NYX Butter Gloss shade references. They are pairing patterns, not a shopping list.
Clear gloss structure
Espresso + Sugar Glass
A deeper brown liner under clear gloss keeps the shape visible while the gloss adds shine without changing the liner color.
Plum + cool pink gloss
Prune + Marshmallow
A plum-leaning liner with NYX Marshmallow keeps the cool mauve direction intentional.
Berry-mauve gloss
Club Hopper + Angel Food Cake
A plum, berry, or deeper mauve liner supports Angel Food Cake's berry-mauve direction instead of flattening it.
Warm coral-red gloss
Hot Red + Orangesicle
A warmer red or warm brown liner can ground Orangesicle so the gloss reads intentional rather than floating on top.
Brown liner with gloss
Brown lip liner with gloss
Brown liner with gloss is less about matching the gloss exactly and more about deciding how much structure you want. With clear gloss, brown liner becomes the main visible color. With beige-brown or rosy gloss, brown liner adds contour. With pink gloss, brown liner can make the result look more grounded and less candy-pink.
A 90s brown liner with gloss effect usually comes from visible contrast: a deeper brown edge, a softened center, and clear or sheer gloss on top. Keep the center lighter if you want dimension; fill in more liner if you want a smoother gradient.
What to expect from brown + gloss pairings
Brown liner can look monochromatic, softly blended, or high-contrast depending on gloss opacity and undertone. These examples intentionally rotate through different brown liner families and brands so you can compare the effect directly.
Brown liner range
Mixed-brand examples below include Morphe, e.l.f., Wet n Wild, ColourPop, and Rimmel London, plus a NYX deep-brown reference in the guide-level combo ideas.
Morphe Trendsetter + Sugar Glass
Classic contoured brown
Clear gloss lets deeper brown liner stay fully visible, creating a sculpted, glossy 90s-style contour.
e.l.f. Mocha Move + Madeleine
Soft beige-brown blend
A lighter beige-brown gloss softens the liner edge while keeping the overall look neutral and wearable.
Wet n Wild Chestnut + Praline
Monochromatic brown nude
Muted brown gloss over a rich brown liner keeps depth cohesive and gives a polished, low-contrast brown-nude finish.
ColourPop BFF 3 + Angel Food Cake
Rose-brown gradient
Berry-mauve gloss adds cooler color at center while brown liner preserves structure at the perimeter.
Rimmel London Cappuccino + Orangesicle
Warm caramel contrast
A warm coral gloss over brown liner creates a warmer caramelized center with visible outline depth.
Black liner with gloss
Black lip liner with gloss
Black liner with gloss is less about finding a matching shade and more about deciding how much the black edge should transform the gloss layered over it. With clear gloss, the result is a glossy editorial black lip. With black gloss, the effect becomes monochromatic and glossy. With red, berry, plum, mauve, or warm gloss, black liner can create ombre or high-contrast color effects.
The main question is not only whether black liner works with clear gloss; it is how black changes the gloss. Black can cool, deepen, sharpen, or dramatize the final color depending on how much liner is blended inward before gloss is added.
Black liner reference
NYX Alien Lip liner
Alien + Sugar Glass
Glossy editorial black
Clear gloss keeps Alien as the visible color while adding shine and a wet-looking finish.
Alien + Licorice
Monochromatic glossy black
Black gloss over black liner keeps the look in one color family while adding more dimension and shine.
Alien + Angel Food Cake
Berry-black gradient
Berry-mauve gloss softens the black edge into a deeper berry-black effect.
Alien + Tiramisu
Softened mauve-black ombre
Rosy mauve gloss lowers the contrast slightly, creating a softer mauve-black fade.
Alien + Orangesicle
Dramatic warm-black contrast
Warm coral-red gloss against black liner creates a sharper warm-versus-black color contrast.
Troubleshooting
Why lip liner disappears or smears under gloss
Why does gloss make my lip liner disappear?
Gloss can dissolve or soften liner because it adds slip. If the liner is very creamy, very light, or only placed at the edge, the gloss can blur it quickly. Use a slightly deeper liner, fill in more of the lip, or apply less gloss near the perimeter.
How do I keep lip liner from smearing under gloss?
Let the liner set for a moment, blot lightly if needed, then place gloss in the center first. Press the lips together gently instead of dragging the gloss wand across the liner edge.
Should liner go before or after gloss?
Liner usually goes before gloss. You can refine the edge after gloss, but the main structure is easier to create on a dry lip before shine is added.
Should I fill in my lips before applying gloss?
Fill in slightly if you want longer wear or a smoother gradient. Outline only if you want a sharper contrast between the lip line and glossy center.
Can you use lip liner with clear gloss?
Yes. Clear gloss is one of the easiest pairings because it keeps the liner as the main color while adding shine.
Can you use lip liner with just lip gloss?
Yes. Liner-plus-gloss works well on its own when you want shape and dimension without full lipstick coverage.
Reference shades
NYX lip liners and Butter Gloss references
Use these swatches as reference anchors when building a lip liner and gloss combo. Open a shade page for more detail, or start from the NYX hub for product-line browsing.
NYX liner references
Ambition Statement Line Loud Lip Liner Fierce Flirt Line Loud Lip Liner Girl, Bye Line Loud Lip Liner Goal Crusher Line Loud Lip Liner Rebel Kind Line Loud Lip Liner Subversive Socialite Line Loud Lip Liner Too Blessed Line Loud Lip Liner Total Baller Line Loud Lip Liner Bloom Slim Lip Pencil Brown Slim Lip Pencil Coffee Slim Lip Pencil Espresso Slim Lip Pencil
Start with NYX lip liner product pages or the NYX lip products hub.
NYX Butter Gloss references
Sugar Glass Clear gloss Madeleine Soft beige-brown gloss Praline Muted brown gloss Tiramisu Rosy mauve gloss Marshmallow Purple-mauve gloss Bit of Honey Muted rose-mauve gloss Angel Food Cake Berry-mauve gloss Orangesicle Warm coral-red gloss Licorice Black gloss
See all published gloss references on the NYX Butter Gloss page.