Turquoise, indigo and magenta color palette

Vivid cyan, blue, purple and pink color palette

The Turquoise, indigo and magenta color palette brings together teal, blue, purple, and magenta. Radial gradient, 32 colors: #27f2ff, #00aafe, #344aff, #871efe, #f834bb. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#27f2ff
#2beeff
#2fe8ff
#2fe0ff
#2ad8ff
#20cfff
#0fc5ff
#00b8ff
#00aafe
#029cff
#148eff
#1c82ff
#1d75ff
#1d6aff
#205eff
#2854ff
#344aff
#4041ff
#4b39ff
#5632ff
#612cff
#6d25ff
#7a21ff
#871efe
#961efd
#a51ef9
#b31ff3
#c422ea
#d526dd
#e42bd0
#f030c4
#f834bb

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(87.79% 0.1446 201.79) 0.0%, oklch(86.76% 0.1422 204.56) 3.2%, oklch(85.38% 0.1398 208.38) 6.5%, oklch(83.68% 0.1388 212.95) 9.7%, oklch(81.71% 0.1400 217.96) 12.9%, oklch(79.52% 0.1435 223.13) 16.1%, oklch(76.98% 0.1494 228.64) 19.4%, oklch(73.99% 0.1569 234.98) 22.6%, oklch(70.77% 0.1666 241.55) 25.8%, oklch(67.57% 0.1806 247.79) 29.0%, oklch(64.65% 0.1936 253.15) 32.3%, oklch(62.10% 0.2065 257.11) 35.5%, oklch(59.65% 0.2203 259.87) 38.7%, oklch(57.37% 0.2338 261.92) 41.9%, oklch(55.37% 0.2460 263.78) 45.2%, oklch(53.77% 0.2561 265.96) 48.4%, oklch(52.65% 0.2635 268.81) 51.6%, oklch(51.98% 0.2688 271.92) 54.8%, oklch(51.68% 0.2726 275.22) 58.1%, oklch(51.71% 0.2755 278.75) 61.3%, oklch(52.03% 0.2779 282.56) 64.5%, oklch(52.58% 0.2803 286.69) 67.7%, oklch(53.52% 0.2821 291.09) 71.0%, oklch(54.79% 0.2835 295.76) 74.2%, oklch(56.26% 0.2842 300.72) 77.4%, oklch(57.80% 0.2838 305.99) 80.6%, oklch(59.30% 0.2821 311.62) 83.9%, oklch(60.98% 0.2780 318.37) 87.1%, oklch(62.83% 0.2722 325.95) 90.3%, oklch(64.65% 0.2659 333.44) 93.5%, oklch(66.22% 0.2602 339.91) 96.8%, oklch(67.32% 0.2563 344.46) 100.0%);

In these collections

Vivid multicolor gradients Desktop wallpaper gradients