Violet rose sea breeze

Analogous purple, blue and gray color palette

Radial gradient, 40 colors: #b67fcd, #7088b2, #a393b7, #c690bc, #4f7cde. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#b67fcd
#b280cd
#ab82ce
#a383cd
#9a84cc
#9085ca
#8787c6
#7f87c2
#7988bc
#7488b7
#7088b2
#6f88ae
#6f88ab
#7088aa
#7489aa
#798aac
#7f8cae
#878db1
#908fb4
#9991b6
#a393b7
#ac95b8
#b497b9
#bc98b8
#c299b8
#c699b7
#c999b7
#ca97b8
#c994b9
#c690bc
#c18cc0
#b988c5
#b085cb
#a582d0
#9780d5
#897ed9
#797ddc
#6a7cdd
#5b7cde
#4f7cde

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(68.11% 0.1254 315.70) 0.0%, oklch(67.80% 0.1222 312.70) 2.6%, oklch(67.35% 0.1179 308.42) 5.1%, oklch(66.80% 0.1128 303.14) 7.7%, oklch(66.16% 0.1070 297.15) 10.3%, oklch(65.48% 0.1007 290.71) 12.8%, oklch(64.79% 0.0942 284.11) 15.4%, oklch(64.11% 0.0876 277.62) 17.9%, oklch(63.48% 0.0811 271.51) 20.5%, oklch(62.94% 0.0750 266.08) 23.1%, oklch(62.51% 0.0694 261.58) 25.6%, oklch(62.22% 0.0645 258.31) 28.2%, oklch(62.11% 0.0606 256.53) 30.8%, oklch(62.20% 0.0579 256.53) 33.3%, oklch(62.58% 0.0560 258.76) 35.9%, oklch(63.26% 0.0546 263.23) 38.5%, oklch(64.16% 0.0538 269.53) 41.0%, oklch(65.25% 0.0534 277.24) 43.6%, oklch(66.46% 0.0534 285.93) 46.2%, oklch(67.74% 0.0540 295.20) 48.7%, oklch(69.02% 0.0550 304.62) 51.3%, oklch(70.25% 0.0564 313.78) 53.8%, oklch(71.37% 0.0584 322.26) 56.4%, oklch(72.33% 0.0607 329.65) 59.0%, oklch(73.06% 0.0635 335.52) 61.5%, oklch(73.51% 0.0667 339.47) 64.1%, oklch(73.62% 0.0703 341.07) 66.7%, oklch(73.37% 0.0748 340.22) 69.2%, oklch(72.79% 0.0804 337.33) 71.8%, oklch(71.95% 0.0870 332.72) 74.4%, oklch(70.89% 0.0943 326.72) 76.9%, oklch(69.67% 0.1022 319.66) 79.5%, oklch(68.34% 0.1103 311.85) 82.1%, oklch(66.94% 0.1186 303.64) 84.6%, oklch(65.54% 0.1266 295.33) 87.2%, oklch(64.18% 0.1343 287.27) 89.7%, oklch(62.92% 0.1415 279.77) 92.3%, oklch(61.81% 0.1478 273.16) 94.9%, oklch(60.89% 0.1531 267.77) 97.4%, oklch(60.24% 0.1571 263.92) 100.0%);

In these collections

Cape daisy sea breeze