Blush Dawn Gradient
Soft pink and peach mesh blobs blending into their own blush 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
#FFAFBD
#FFC3A0
#FF9A9E
#FFD1DC
#FFE5D9
Background
#FF9A9E
#FF9A9E
Blush Dawn CSS Code
background: #FF9A9E; background: radial-gradient(at 44% 83%, #FFAFBD, transparent 70%), radial-gradient(at 16% 55%, #FFC3A0, transparent 70%), radial-gradient(at 35% 19%, #FF9A9E, transparent 70%), radial-gradient(at 74% 26%, #FFD1DC, transparent 70%), radial-gradient(at 80% 66%, #FFE5D9, transparent 70%), #FF9A9E;
background: rgba(255, 154, 158, 1.0); background: radial-gradient(at 44% 83%, rgba(255, 175, 189, 1.0), transparent 70%), radial-gradient(at 16% 55%, rgba(255, 195, 160, 1.0), transparent 70%), radial-gradient(at 35% 19%, rgba(255, 154, 158, 1.0), transparent 70%), radial-gradient(at 74% 26%, rgba(255, 209, 220, 1.0), transparent 70%), radial-gradient(at 80% 66%, rgba(255, 229, 217, 1.0), transparent 70%), rgba(255, 154, 158, 1.0);
background: hsla(358, 100%, 80%, 1.0); background: radial-gradient(at 44% 83%, hsla(350, 100%, 84%, 1.0), transparent 70%), radial-gradient(at 16% 55%, hsla(22, 100%, 81%, 1.0), transparent 70%), radial-gradient(at 35% 19%, hsla(358, 100%, 80%, 1.0), transparent 70%), radial-gradient(at 74% 26%, hsla(346, 100%, 91%, 1.0), transparent 70%), radial-gradient(at 80% 66%, hsla(19, 100%, 93%, 1.0), transparent 70%), hsla(358, 100%, 80%, 1.0);
background: #FF9A9E; background: radial-gradient(at 44% 83%, #FFAFBD, transparent 70%), radial-gradient(at 16% 55%, #FFC3A0, transparent 70%), radial-gradient(at 35% 19%, #FF9A9E, transparent 70%), radial-gradient(at 74% 26%, #FFD1DC, transparent 70%), radial-gradient(at 80% 66%, #FFE5D9, transparent 70%), #FF9A9E; background: radial-gradient(at 44% 83% in oklch, oklch(83.42% 0.095 7.82), transparent 70%), radial-gradient(at 16% 55% in oklch, oklch(86.29% 0.0834 51.53), transparent 70%), radial-gradient(at 35% 19% in oklch, oklch(79.12% 0.1211 17.63), transparent 70%), radial-gradient(at 74% 26% in oklch, oklch(90.32% 0.0535 2.19), transparent 70%), radial-gradient(at 80% 66% in oklch, oklch(93.98% 0.0329 46.4), transparent 70%), oklch(79.12% 0.1211 17.63);
The same gradient with its colors in OKLCH. Older browsers show the standard version. How OKLCH gradients work →
Similar Gradients
More Gradient Presets
FAQ
What is the Blush Dawn gradient?
Soft pink and peach mesh blobs blending into their own blush base.
What's the CSS code for the Blush Dawn gradient?
Use background: radial-gradient(at 44% 83%, #FFAFBD, transparent 70%), radial-gradient(at 16% 55%, #FFC3A0, transparent 70%), radial-gradient(at 35% 19%, #FF9A9E, transparent 70%), radial-gradient(at 74% 26%, #FFD1DC, transparent 70%), radial-gradient(at 80% 66%, #FFE5D9, transparent 70%), #FF9A9E;. RGBA and HSLA versions are also available on this page.