Gray and blue elevation palette

The Gray and blue elevation palette brings together green, teal, blue, light blue, and off-white. Linear gradient, 32 colors at 90°: #758e7a, #68818a, #90a8ba, #cbd8e0, #f4f8f9. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#758e7a
#728d7c
#6e8a7e
#6b867f
#688380
#678081
#687f83
#687f85
#68818a
#69838f
#6b8695
#6e899c
#728ea2
#7893a8
#7f99ae
#87a0b4
#90a8ba
#9ab0c0
#a3b8c6
#abbfcb
#b3c5d0
#bbccd6
#c3d2db
#cbd8e0
#d2dee4
#d8e3e8
#dee7ec
#e4ecef
#e9eff3
#eef3f5
#f2f6f8
#f4f8f9

CSS

background: linear-gradient(90deg in oklch, oklch(62.20% 0.0413 150.47) 0.0%, oklch(61.64% 0.0396 157.09) 3.2%, oklch(60.77% 0.0368 166.48) 6.5%, oklch(59.77% 0.0337 177.52) 9.7%, oklch(58.83% 0.0308 189.07) 12.9%, oklch(58.13% 0.0285 200.00) 16.1%, oklch(57.86% 0.0276 209.18) 19.4%, oklch(58.07% 0.0284 216.37) 22.6%, oklch(58.58% 0.0311 222.84) 25.8%, oklch(59.36% 0.0347 228.56) 29.0%, oklch(60.39% 0.0386 233.46) 32.3%, oklch(61.66% 0.0419 237.44) 35.5%, oklch(63.13% 0.0439 240.44) 38.7%, oklch(64.86% 0.0439 242.26) 41.9%, oklch(66.98% 0.0424 242.54) 45.2%, oklch(69.40% 0.0400 241.67) 48.4%, oklch(71.96% 0.0369 240.12) 51.6%, oklch(74.54% 0.0336 238.32) 54.8%, oklch(76.99% 0.0305 236.73) 58.1%, oklch(79.21% 0.0279 235.72) 61.3%, oklch(81.36% 0.0254 234.83) 64.5%, oklch(83.48% 0.0228 233.92) 67.7%, oklch(85.52% 0.0203 233.02) 71.0%, oklch(87.45% 0.0178 232.16) 74.2%, oklch(89.24% 0.0155 231.36) 77.4%, oklch(90.86% 0.0134 230.65) 80.6%, oklch(92.35% 0.0114 229.99) 83.9%, oklch(93.73% 0.0096 229.37) 87.1%, oklch(94.97% 0.0078 228.81) 90.3%, oklch(96.06% 0.0063 228.32) 93.5%, oklch(96.95% 0.0051 227.92) 96.8%, oklch(97.64% 0.0041 227.61) 100.0%);

In these collections

Elevation gradients