Advertise on WebGradients — reach designers & frontend developers.Learn more
#FFF1EB
#ACE0F9

Linear CSS gradient

#043 New York Gradient

A soft linear CSS gradient flowing upward from bottom to top, New York blends peach (#FFF1EB) and powder blue (#ACE0F9) 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

ColorHEXRGB
#FFF1EBrgb(255, 241, 235)
#ACE0F9rgb(172, 224, 249)

CSS code

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

#043 New York Gradient preview