#003 Spring Warmth Gradient

Spring Warmth is a soft linear CSS gradient flowing upward from bottom to top, built from blush pink (#FAD0C4) and rose (#FFD1FF) 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

#FAD0C4rgb(250, 208, 196)

#FFD1FFrgb(255, 209, 255)

CSS code

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

#003 Spring Warmth Gradient

Color palette

CSS code

#003 Spring Warmth Gradient preview