Rainy Rose Window

Gray, blue, pink and beige color palette

From the center outward, the gradient begins in ivory, passes through steel blue, ivory, and rose pink, then reaches pale cream at the edge. Radial gradient, 32 colors: #f3e3e1, #7893a6, #d9c0cf, #b84e75, #f2d9c8. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#f3e3e1
#ecdadb
#e0cdd4
#cebecd
#b9b0c5
#a1a5bc
#8c9bb2
#7e95a9
#7893a6
#7d95a9
#899cb0
#9ba4ba
#aeaec3
#bfb9ca
#ccc0d0
#d5c4d2
#d9c0cf
#d7b4c7
#d3a2ba
#cd8daa
#c5789a
#bd648c
#b8557f
#b84e75
#bd516f
#c55e6e
#cf7272
#d98a7e
#e2a38f
#e8baa5
#eecdb9
#f2d9c8

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(92.91% 0.0179 26.02) 0.0%, oklch(90.33% 0.0200 12.48) 3.2%, oklch(86.53% 0.0231 352.51) 6.5%, oklch(81.97% 0.0269 328.63) 9.7%, oklch(77.16% 0.0308 303.34) 12.9%, oklch(72.55% 0.0346 279.19) 16.1%, oklch(68.65% 0.0379 258.68) 19.4%, oklch(65.93% 0.0403 244.33) 22.6%, oklch(64.89% 0.0414 238.61) 25.8%, oklch(65.85% 0.0402 241.76) 29.0%, oklch(68.39% 0.0369 251.69) 32.3%, oklch(71.91% 0.0328 266.36) 35.5%, oklch(75.81% 0.0288 283.74) 38.7%, oklch(79.49% 0.0259 301.78) 41.9%, oklch(82.37% 0.0252 318.43) 45.2%, oklch(83.84% 0.0276 331.66) 48.4%, oklch(83.30% 0.0345 339.91) 51.6%, oklch(80.65% 0.0477 345.15) 54.8%, oklch(76.49% 0.0654 348.43) 58.1%, oklch(71.52% 0.0853 350.44) 61.3%, oklch(66.41% 0.1052 351.87) 64.5%, oklch(61.85% 0.1229 353.38) 67.7%, oklch(58.51% 0.1362 355.67) 71.0%, oklch(57.07% 0.1429 359.41) 74.2%, oklch(58.06% 0.1412 5.12) 77.4%, oklch(61.16% 0.1318 12.45) 80.6%, oklch(65.75% 0.1171 20.80) 83.9%, oklch(71.23% 0.0990 29.60) 87.1%, oklch(77.01% 0.0797 38.27) 90.3%, oklch(82.49% 0.0614 46.24) 93.5%, oklch(87.07% 0.0460 52.91) 96.8%, oklch(90.16% 0.0358 57.72) 100.0%);

In these collections

Romantic color palette