Petal pink spring diagonals

Pale blush deepens through petal pink and rose into muted violet along clean diagonal swatches. Linear swatches, 4 colors at 45°: #ffd8df, #f6aebd, #d26c8a, #7c5994. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#ffd8df
#f6aebd
#d26c8a
#7c5994

CSS

background: linear-gradient(45deg, oklch(91.73% 0.0441 5.63) 0.000% 25.000%, oklch(82.28% 0.0868 5.63) 25.000% 50.000%, oklch(65.75% 0.1309 2.45) 50.000% 75.000%, oklch(52.36% 0.0978 310.67) 75.000% 100.000%);

In these collections

Spring swatches