Cotton Fields Gradient
Pastel blue, pink, and mint mesh blobs glowing from a matching pale blue base.
Customize this gradient → Opens it in the generator: change the type or direction, adjust the colors, then copy the CSS or download.
Color Stops
#D6E6F2
#F2D6E8
#E8F2D6
Background
#E8F2D6
#E8F2D6
Cotton Fields CSS Code
background: #E8F2D6; background: radial-gradient(at 43% 87%, #D6E6F2, transparent 70%), radial-gradient(at 21% 26%, #F2D6E8, transparent 70%), radial-gradient(at 86% 37%, #E8F2D6, transparent 70%), #E8F2D6; background: radial-gradient(at 43% 87% in oklch, oklch(91.66% 0.0237 240.1), transparent 70%), radial-gradient(at 21% 26% in oklch, oklch(90.44% 0.0389 339.18), transparent 70%), radial-gradient(at 86% 37% in oklch, oklch(94.62% 0.0384 123.16), transparent 70%), oklch(94.62% 0.0384 123.16);
The same gradient with its colors in OKLCH. Older browsers show the standard version. How OKLCH gradients work →
Try it as
Similar Gradients
More Gradient Presets
FAQ
What is the Cotton Fields gradient?
Pastel blue, pink, and mint mesh blobs glowing from a matching pale blue base.
What's the CSS code for the Cotton Fields gradient?
Use background: radial-gradient(at 43% 87%, #D6E6F2, transparent 70%), radial-gradient(at 21% 26%, #F2D6E8, transparent 70%), radial-gradient(at 86% 37%, #E8F2D6, transparent 70%), #E8F2D6;. RGBA and HSLA versions are also available on this page.