PastelLinear · 2 stops
Pastel CSS gradients
Browse pale, softened CSS gradients for gentle surfaces and subtle accents. Compare linear, radial and conic blends. These 24 selected examples come from the existing gradient library.
Try this.
Use a pastel blend for a supporting background or a quiet illustration fill. Keep text in a darker solid colour.
Check the background.
Pale stops often have similar lightness. Do not rely on a pastel colour change alone to mark a button edge or convey a state.
CSS for Blossom Haze
background: linear-gradient(135deg, #DACAEE 0%, #E39FCA 100%);
background: linear-gradient(135deg in oklab, #DACAEE 0%, #E39FCA 100%);The first declaration supplies an sRGB fallback; the second interpolates in OKLab. Create a gradient with your own colours and stops.