Cobalt blue, orange and turquoise color palette

The Cobalt blue, orange and turquoise color palette brings together blue, purple, red, orange, gold, green, and teal. Linear gradient, 40 colors at 90°: #005db9, #cb1a8e, #ea7e00, #adbb00, #00b5b6. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#005db9
#0059ce
#1c4fea
#3e4ded
#584bee
#6e48ed
#8444e7
#973edc
#ab34c9
#bd28ae
#cb1a8e
#d50e6c
#db104c
#df1f2c
#e12e03
#de4600
#de5300
#e25e00
#e56800
#e87200
#ea7e00
#ed8b00
#f19900
#f5a700
#f6b400
#f1bf23
#e8c52d
#dac627
#c6c20f
#adbb00
#92b300
#75ad00
#4faa00
#16ab2f
#00aa5c
#00ab78
#00ad8d
#00b19f
#00b4ad
#00b5b6

CSS

background: linear-gradient(90deg in oklch, oklch(48.82% 0.1622 255.26) 0.0%, oklch(49.57% 0.1955 259.35) 2.6%, oklch(50.64% 0.2375 264.58) 5.1%, oklch(51.91% 0.2360 270.92) 7.7%, oklch(53.23% 0.2343 278.28) 10.3%, oklch(54.47% 0.2325 286.59) 12.8%, oklch(55.51% 0.2309 295.77) 15.4%, oklch(56.20% 0.2294 306.05) 17.9%, oklch(56.52% 0.2281 318.64) 20.5%, oklch(56.62% 0.2269 332.84) 23.1%, oklch(56.65% 0.2257 347.63) 25.6%, oklch(56.77% 0.2243 1.97) 28.2%, oklch(57.12% 0.2226 14.84) 30.8%, oklch(57.87% 0.2205 25.21) 33.3%, oklch(59.04% 0.2181 32.69) 35.9%, oklch(60.50% 0.1980 38.00) 38.5%, oklch(62.18% 0.1879 41.92) 41.0%, oklch(64.02% 0.1826 45.13) 43.6%, oklch(65.95% 0.1786 48.36) 46.2%, oklch(67.92% 0.1739 52.31) 48.7%, oklch(69.97% 0.1684 57.51) 51.3%, oklch(72.62% 0.1653 63.23) 53.8%, oklch(75.59% 0.1645 69.23) 56.4%, oklch(78.51% 0.1653 75.46) 59.0%, oklch(80.99% 0.1669 81.87) 61.5%, oklch(82.64% 0.1618 88.39) 64.1%, oklch(83.07% 0.1598 94.96) 66.7%, oklch(81.83% 0.1623 101.56) 69.2%, oklch(79.12% 0.1685 108.24) 71.8%, oklch(75.54% 0.1712 115.03) 74.4%, oklch(71.70% 0.1739 121.99) 76.9%, oklch(68.22% 0.1813 129.16) 79.5%, oklch(65.68% 0.1975 136.59) 82.1%, oklch(64.61% 0.1997 144.47) 84.6%, oklch(64.66% 0.1646 153.55) 87.2%, oklch(65.47% 0.1408 163.34) 89.7%, oklch(66.73% 0.1280 173.12) 92.3%, oklch(68.12% 0.1219 182.18) 94.9%, oklch(69.34% 0.1198 189.83) 97.4%, oklch(70.08% 0.1195 195.35) 100.0%);

In these collections

Bright gradients Rainbow gradients