Glacial Blue through Midnight

Monochrome gray, navy and blue color palette

The Blue cool blue palette brings together pale blue, dark blue, and blue. Linear gradient, 48 colors at 135°: #c8e2ef, #202f45, #0f3d77, #196cbb, #122858. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#c8e2ef
#bfd9e7
#b4cddc
#a6bfce
#97b0bf
#879faf
#778d9f
#667c8e
#566a7d
#46596d
#384a5e
#2b3c51
#202f45
#16253b
#0f1d34
#09172f
#06132e
#05122f
#051333
#05173a
#061b43
#08224e
#0a2a5b
#0d3369
#0f3d77
#114786
#135194
#145ba1
#1564ad
#156bb8
#1571bf
#1574c4
#1574c5
#1673c4
#1770c0
#196cbb
#1a67b4
#1b61ac
#1c5ba2
#1c5499
#1b4d8f
#1a4684
#193f7b
#173972
#163469
#142f62
#132b5c
#122858

CSS

background: linear-gradient(135deg in oklch, oklch(89.76% 0.0331 229.22) 0.0%, oklch(87.05% 0.0337 230.48) 2.1%, oklch(83.47% 0.0343 232.13) 4.3%, oklch(79.17% 0.0349 234.10) 6.4%, oklch(74.27% 0.0354 236.34) 8.5%, oklch(68.92% 0.0360 238.79) 10.6%, oklch(63.26% 0.0367 241.38) 12.8%, oklch(57.42% 0.0375 244.07) 14.9%, oklch(51.53% 0.0384 246.78) 17.0%, oklch(45.74% 0.0396 249.45) 19.1%, oklch(40.18% 0.0409 252.03) 21.3%, oklch(35.00% 0.0426 254.46) 23.4%, oklch(30.31% 0.0446 256.67) 25.5%, oklch(26.27% 0.0469 258.61) 27.7%, oklch(23.01% 0.0496 260.21) 29.8%, oklch(20.67% 0.0528 261.42) 31.9%, oklch(19.38% 0.0564 262.18) 34.0%, oklch(19.15% 0.0610 262.49) 36.2%, oklch(19.85% 0.0666 262.41) 38.3%, oklch(21.36% 0.0730 262.00) 40.4%, oklch(23.55% 0.0800 261.30) 42.6%, oklch(26.28% 0.0875 260.38) 44.7%, oklch(29.43% 0.0952 259.28) 46.8%, oklch(32.86% 0.1031 258.06) 48.9%, oklch(36.45% 0.1108 256.77) 51.1%, oklch(40.06% 0.1183 255.47) 53.2%, oklch(43.57% 0.1254 254.21) 55.3%, oklch(46.84% 0.1319 253.04) 57.4%, oklch(49.75% 0.1376 252.02) 59.6%, oklch(52.16% 0.1424 251.19) 61.7%, oklch(53.94% 0.1460 250.62) 63.8%, oklch(54.97% 0.1484 250.36) 66.0%, oklch(55.19% 0.1493 250.43) 68.1%, oklch(54.83% 0.1488 250.73) 70.2%, oklch(53.98% 0.1472 251.24) 72.3%, oklch(52.71% 0.1445 251.92) 74.5%, oklch(51.08% 0.1409 252.74) 76.6%, oklch(49.16% 0.1366 253.68) 78.7%, oklch(47.02% 0.1318 254.70) 80.9%, oklch(44.73% 0.1266 255.78) 83.0%, oklch(42.36% 0.1212 256.89) 85.1%, oklch(39.97% 0.1157 258.00) 87.2%, oklch(37.63% 0.1104 259.08) 89.4%, oklch(35.42% 0.1053 260.10) 91.5%, oklch(33.39% 0.1007 261.04) 93.6%, oklch(31.63% 0.0966 261.86) 95.7%, oklch(30.18% 0.0933 262.53) 97.9%, oklch(29.13% 0.0909 263.03) 100.0%);

In these collections

Cool blue