Advertise on WebGradients — reach designers & frontend developers.Learn more
#FF9A9E
#FECFEF

Linear CSS gradient

#006 Lady Lips Gradient

Lady Lips is a soft linear CSS gradient flowing upward from bottom to top, built from blush pink (#FF9A9E) and rose (#FECFEF) across two colour stops.

Delicate and inviting, the blush tones carry a sense of warmth without ever feeling overpowering.

Works well for wedding and event sites, beauty brand pages, lifestyle newsletter headers. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.

Color palette

ColorHEXRGB
#FF9A9Ergb(255, 154, 158)
#FECFEFrgb(254, 207, 239)

CSS code

background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);

#006 Lady Lips Gradient preview