#F78CA0
#F9748F
#FD868C
#FE9A8B
Linear CSS gradient
#048 Strong Bliss Gradient
Strong Bliss is a soft linear CSS gradient sweeping from left to right, built from blush pink (#F78CA0), red (#F9748F), blush pink (#FD868C), and blush pink (#FE9A8B) across 4 colour stops.
Light and airy, the pale hues create a calm, open atmosphere that won't compete with surrounding content.
Works well for health and wellness apps, baby product sites, soft UI card backgrounds. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.
Color palette
ColorHEXRGB
#F78CA0rgb(247, 140, 160)
#F9748Frgb(249, 116, 143)
#FD868Crgb(253, 134, 140)
#FE9A8Brgb(254, 154, 139)
CSS code
background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);