Blue cool blue palette

The Blue cool blue palette brings together dark blue, pale blue, and blue. #07142e, #5d7e9c, #1774c5. Edit and export CSS, SVG, PNG or a shader.

32 colors, 4 editable OKLCH keyframes.

#07142e
#101f39
#1f3049
#32465e
#495f75
#637a8e
#7e96a8
#98b0c0
#aec6d4
#bfd7e4
#c7e1ee
#c6e1ef
#bbd8e7
#a8c7da
#91b1c7
#7798b2
#5d7e9c
#456487
#314e75
#213b65
#162e5b
#112758
#0f255a
#0f2860
#102e6b
#123777
#144286
#164e95
#175aa4
#1865b2
#186ebd
#1774c5

CSS

background: linear-gradient(180deg in oklch, oklch(19.69% 0.0551 262.27) 0.0%, oklch(24.25% 0.0535 260.11) 3.2%, oklch(30.81% 0.0510 256.98) 6.5%, oklch(38.82% 0.0479 253.16) 9.7%, oklch(47.72% 0.0445 248.91) 12.9%, oklch(56.98% 0.0410 244.50) 16.1%, oklch(66.04% 0.0378 240.21) 19.4%, oklch(74.36% 0.0350 236.30) 22.6%, oklch(81.40% 0.0331 233.04) 25.8%, oklch(86.61% 0.0322 230.71) 29.0%, oklch(89.44% 0.0326 229.57) 32.3%, oklch(89.37% 0.0345 229.90) 35.5%, oklch(86.45% 0.0379 231.69) 38.7%, oklch(81.26% 0.0423 234.65) 41.9%, oklch(74.38% 0.0477 238.48) 45.2%, oklch(66.41% 0.0538 242.86) 48.4%, oklch(57.94% 0.0603 247.48) 51.6%, oklch(49.56% 0.0672 252.05) 54.8%, oklch(41.86% 0.0740 256.25) 58.1%, oklch(35.43% 0.0807 259.78) 61.3%, oklch(30.85% 0.0871 262.32) 64.5%, oklch(28.68% 0.0928 263.61) 67.7%, oklch(28.44% 0.0988 263.87) 71.0%, oklch(29.65% 0.1052 263.36) 74.2%, oklch(32.02% 0.1117 262.23) 77.4%, oklch(35.23% 0.1182 260.64) 80.6%, oklch(38.99% 0.1245 258.77) 83.9%, oklch(42.97% 0.1306 256.76) 87.1%, oklch(46.88% 0.1362 254.79) 90.3%, oklch(50.42% 0.1413 253.00) 93.5%, oklch(53.26% 0.1455 251.56) 96.8%, oklch(55.12% 0.1488 250.64) 100.0%);

In these collections

Cool blue