#DAD4EC
#F3E7E9
Linear CSS gradient
#107 Confident Cloud Gradient
Confident Cloud runs flowing upward from bottom to top, blending lavender (#DAD4EC) and blush pink (#F3E7E9) 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
ColorHEXRGB
#DAD4ECrgb(218, 212, 236)
#F3E7E9rgb(243, 231, 233)
CSS code
background-image: linear-gradient(to top, #dad4ec 0%, #dad4ec 1%, #f3e7e9 100%);