#013 Heavy Rain Gradient

A soft linear CSS gradient flowing upward from bottom to top, Heavy Rain blends lavender (#CFD9DF) and lavender (#E2EBF0) in 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

#CFD9DFrgb(207, 217, 223)

#E2EBF0rgb(226, 235, 240)

CSS code

background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);

#013 Heavy Rain Gradient

Color palette

CSS code

#013 Heavy Rain Gradient preview