Cocoa Violet Vintage Bloom

Brown, purple, pink and light blue color palette

This radial gradient moves outward from deep cocoa through purple, dusty coral, magenta, violet, periwinkle, and pale blue gray. Radial gradient, 32 colors: #3b180f, #703831, #a15a78, #c27fc8, #b9cfd4. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#3b180f
#3f1b0d
#44200a
#492605
#4f2d01
#553301
#5d3706
#673817
#703831
#723c4e
#6d4469
#644e7c
#5e5788
#635c8f
#745d92
#8b5b8b
#a15a78
#af5d61
#b76451
#bf6952
#c86b63
#cf6d80
#cd73a4
#c27fc8
#b18de2
#a19bef
#94aaf2
#8fb6ee
#94c1e6
#a0c8dd
#aeccd7
#b9cfd4

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(25.98% 0.0579 36.56) 0.0%, oklch(27.22% 0.0604 41.22) 3.2%, oklch(28.93% 0.0642 49.17) 6.5%, oklch(30.96% 0.0685 57.98) 9.7%, oklch(33.15% 0.0729 65.27) 12.9%, oklch(35.36% 0.0768 68.61) 16.1%, oklch(37.41% 0.0796 65.61) 19.4%, oklch(39.29% 0.0806 52.69) 22.6%, oklch(41.14% 0.0801 29.10) 25.8%, oklch(42.98% 0.0788 359.89) 29.0%, oklch(44.81% 0.0774 330.18) 32.3%, oklch(46.64% 0.0768 305.14) 35.5%, oklch(48.48% 0.0776 289.91) 38.7%, oklch(50.32% 0.0807 289.49) 41.9%, oklch(52.15% 0.0859 303.74) 45.2%, oklch(53.98% 0.0924 327.09) 48.4%, oklch(55.81% 0.0995 353.71) 51.6%, oklch(57.66% 0.1063 17.80) 54.8%, oklch(59.51% 0.1119 33.54) 58.1%, oklch(61.38% 0.1158 35.66) 61.3%, oklch(63.28% 0.1199 26.22) 64.5%, oklch(65.19% 0.1239 9.04) 67.7%, oklch(67.11% 0.1268 347.27) 71.0%, oklch(69.03% 0.1277 324.07) 74.2%, oklch(70.93% 0.1256 302.60) 77.4%, oklch(72.82% 0.1197 285.84) 80.6%, oklch(74.85% 0.1076 271.21) 83.9%, oklch(76.99% 0.0907 257.02) 87.1%, oklch(79.09% 0.0715 243.78) 90.3%, oklch(81.03% 0.0524 232.00) 93.5%, oklch(82.67% 0.0360 222.17) 96.8%, oklch(83.86% 0.0248 214.80) 100.0%);

In these collections

Vintage gradients