Plum blue and purple palette

Duotone dark purple to light blue color palette

The Plum blue and purple palette brings together dark magenta, purple, blue, and off-white. Radial gradient, 32 colors: #3a203f, #5b3665, #6c71ac, #8cb4d8, #e9f5ff. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#3a203f
#3d2142
#402345
#442549
#48284d
#4d2b52
#512e58
#56325e
#5b3665
#603b6c
#644074
#67467c
#6a4d85
#6b558f
#6c5e99
#6c67a3
#6c71ac
#6c7bb4
#6d85bb
#6f8fc1
#7399c7
#79a2cc
#82abd2
#8cb4d8
#98bede
#a5c8e4
#b3d1e9
#c0daef
#cce3f4
#d8eaf8
#e1f1fc
#e9f5ff

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(29.13% 0.0648 321.33) 0.0%, oklch(29.95% 0.0665 321.14) 3.2%, oklch(30.94% 0.0690 321.19) 6.5%, oklch(32.09% 0.0720 321.36) 9.7%, oklch(33.39% 0.0753 321.53) 12.9%, oklch(34.81% 0.0788 321.55) 16.1%, oklch(36.36% 0.0823 321.30) 19.4%, oklch(38.01% 0.0855 320.65) 22.6%, oklch(39.75% 0.0884 319.47) 25.8%, oklch(41.57% 0.0906 317.63) 29.0%, oklch(43.46% 0.0920 315.00) 32.3%, oklch(45.41% 0.0927 311.36) 35.5%, oklch(47.51% 0.0929 306.44) 38.7%, oklch(49.73% 0.0928 300.49) 41.9%, oklch(52.06% 0.0923 293.81) 45.2%, oklch(54.47% 0.0914 286.67) 48.4%, oklch(56.96% 0.0902 279.37) 51.6%, oklch(59.49% 0.0885 272.19) 54.8%, oklch(62.06% 0.0864 265.43) 58.1%, oklch(64.63% 0.0838 259.36) 61.3%, oklch(67.20% 0.0808 254.28) 64.5%, oklch(69.76% 0.0773 250.44) 67.7%, oklch(72.52% 0.0727 247.52) 71.0%, oklch(75.48% 0.0671 245.30) 74.2%, oklch(78.56% 0.0607 243.67) 77.4%, oklch(81.67% 0.0539 242.53) 80.6%, oklch(84.73% 0.0469 241.77) 83.9%, oklch(87.67% 0.0400 241.28) 87.1%, oklch(90.39% 0.0335 240.97) 90.3%, oklch(92.82% 0.0277 240.71) 93.5%, oklch(94.87% 0.0229 240.41) 96.8%, oklch(96.46% 0.0188 239.93) 100.0%);

In these collections

Blue and purple gradients