Linear CSS gradient

Saint Petersburg

Saint Petersburg runs angled at 135° steeply downward, blending off-white (#F5F7FA) and lavender (#C3CFE2) in a muted two colour stops linear CSS gradient.

Understated and editorial, the desaturated tones let typography and content take centre stage.

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(135deg, #f5f7fa 0%, #c3cfe2 100%);

Saint Petersburg preview