Blue color palette

Analogous navy, purple and gray color palette

The Blue color palette brings together dark blue, blue, purple, light gray, and dark gray. Linear gradient, 32 colors at 90°: #12172c, #3b3f66, #a4a9be, #98a9b9, #2c303b. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#12172c
#141b31
#171f37
#1b243f
#202a48
#253151
#2b3659
#323c60
#3b3f66
#45436b
#4f486f
#594e75
#63577d
#6f6588
#7e7999
#9091ac
#a4a9be
#b8bece
#c6cdd8
#cbd2db
#c6cfd8
#bbc5d1
#aab8c6
#98a9b9
#8799ac
#788b9e
#6a7b8e
#5b697a
#4d5767
#3f4754
#343a45
#2c303b

CSS

background: linear-gradient(90deg in oklch, oklch(21.26% 0.0413 271.41) 0.0%, oklch(22.64% 0.0439 270.84) 3.2%, oklch(24.52% 0.0477 269.76) 6.5%, oklch(26.76% 0.0522 268.60) 9.7%, oklch(29.21% 0.0566 267.79) 12.9%, oklch(31.73% 0.0604 267.74) 16.1%, oklch(34.18% 0.0631 268.88) 19.4%, oklch(36.38% 0.0644 272.08) 22.6%, oklch(38.35% 0.0653 277.71) 25.8%, oklch(40.30% 0.0655 284.52) 29.0%, oklch(42.48% 0.0650 291.20) 32.3%, oklch(45.11% 0.0634 296.44) 35.5%, oklch(48.43% 0.0607 298.94) 38.7%, oklch(52.90% 0.0563 297.48) 41.9%, oklch(59.22% 0.0491 292.24) 45.2%, oklch(66.53% 0.0403 284.51) 48.4%, oklch(73.85% 0.0311 275.62) 51.6%, oklch(80.19% 0.0229 266.89) 54.8%, oklch(84.56% 0.0170 259.67) 58.1%, oklch(86.06% 0.0147 255.06) 61.3%, oklch(84.97% 0.0162 251.87) 64.5%, oklch(81.99% 0.0202 249.62) 67.7%, oklch(77.69% 0.0254 248.22) 71.0%, oklch(72.69% 0.0306 247.59) 74.2%, oklch(67.56% 0.0345 247.66) 77.4%, oklch(62.87% 0.0358 248.37) 80.6%, oklch(57.63% 0.0347 250.40) 83.9%, oklch(51.64% 0.0320 253.65) 87.1%, oklch(45.45% 0.0285 257.54) 90.3%, oklch(39.60% 0.0247 261.48) 93.5%, oklch(34.64% 0.0214 264.89) 96.8%, oklch(31.10% 0.0193 267.18) 100.0%);

In these collections

Silver gradients App background gradients