Linear CSS gradient

Confident Cloud

Confident Cloud runs flowing upward from bottom to top, blending lavender (#DAD4EC) and off-white (#F3E7E9) in a muted two colour stops linear CSS gradient.

The muted palette acts as a neutral stage — sophisticated enough on its own, but always cooperative with overlaid elements.

Works well for editorial and publishing sites, minimal portfolios, subtle page dividers. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.

Color palette

CSS code

background-image: linear-gradient(to top, #dad4ec 0%, #dad4ec 1%, #f3e7e9 100%);

Confident Cloud preview