Linear CSS gradient

#015 Mean Fruit Gradient

Mean Fruit is a soft linear CSS gradient angled at 120° toward the lower right, built from peach (#FCCB90) and purple (#D57EEB) across two colour stops.

The low-contrast softness makes this gradient versatile as a background layer — readable and soothing at the same time.

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

CSS code

background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%);

#015 Mean Fruit Gradient preview