#131 African Field Gradient

African Field combines peach (#FFC796) and hot pink (#FF6B95) in a soft two colour stops linear CSS gradient.

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

#FFC796rgb(255, 199, 150)

#FF6B95rgb(255, 107, 149)

CSS code

background-image: linear-gradient(-45deg, #FFC796 0%, #FF6B95 100%);

#131 African Field Gradient

Color palette

CSS code

#131 African Field Gradient preview