Blue color palette

The Blue color palette brings together blue. #3a6195, #486e9f, #6486b2, #7694bd, #7991bc, #6f7dae, #5f5f97, #584e89. Edit and export CSS, SVG, PNG or a shader.

32 colors, 3 editable OKLCH keyframes.

#3a6195
#3c6397
#406699
#446a9c
#486e9f
#4d72a3
#5377a6
#587caa
#5e81ae
#6486b2
#698ab5
#6e8eb9
#7292bb
#7694bd
#7996bf
#7a97c0
#7b96bf
#7b94be
#7991bc
#778dba
#7589b6
#7283b3
#6f7dae
#6b77aa
#6871a5
#656ba0
#62659b
#5f5f97
#5d5992
#5b558e
#59518b
#584e89

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(48.82% 0.0951 255.94) 0.0%, oklch(49.55% 0.0940 255.96) 3.2%, oklch(50.55% 0.0926 255.89) 6.5%, oklch(51.77% 0.0909 255.77) 9.7%, oklch(53.17% 0.0889 255.60) 12.9%, oklch(54.69% 0.0868 255.42) 16.1%, oklch(56.30% 0.0845 255.24) 19.4%, oklch(57.95% 0.0822 255.09) 22.6%, oklch(59.58% 0.0799 254.99) 25.8%, oklch(61.17% 0.0776 254.97) 29.0%, oklch(62.65% 0.0755 255.03) 32.3%, oklch(63.98% 0.0736 255.21) 35.5%, oklch(65.12% 0.0719 255.53) 38.7%, oklch(66.02% 0.0705 256.01) 41.9%, oklch(66.64% 0.0695 256.67) 45.2%, oklch(66.92% 0.0690 257.53) 48.4%, oklch(66.83% 0.0689 258.64) 51.6%, oklch(66.36% 0.0694 260.09) 54.8%, oklch(65.55% 0.0703 261.83) 58.1%, oklch(64.44% 0.0715 263.83) 61.3%, oklch(63.10% 0.0731 266.04) 64.5%, oklch(61.56% 0.0749 268.40) 67.7%, oklch(59.87% 0.0770 270.87) 71.0%, oklch(58.08% 0.0791 273.40) 74.2%, oklch(56.25% 0.0813 275.93) 77.4%, oklch(54.41% 0.0836 278.43) 80.6%, oklch(52.62% 0.0857 280.83) 83.9%, oklch(50.93% 0.0878 283.09) 87.1%, oklch(49.38% 0.0897 285.17) 90.3%, oklch(48.02% 0.0913 287.00) 93.5%, oklch(46.90% 0.0927 288.55) 96.8%, oklch(46.06% 0.0937 289.75) 100.0%);

In these collections

Indigo gradients Cool blue