Blue and deep teal elevation palette

Blue, dark green, teal and gray color palette

The Blue and deep teal elevation palette brings together blue, green, teal, and off-white. Linear gradient, 32 colors at 45°: #34495a, #153c36, #124e42, #4b8586, #dce9ed. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#34495a
#304858
#2c4755
#274551
#22434c
#1d4146
#193f41
#163e3b
#153c36
#163c33
#173c31
#183e31
#184032
#174234
#164637
#144a3c
#124e42
#115449
#135951
#176059
#206763
#2b6f6c
#397978
#4b8586
#5e9294
#73a0a4
#88aeb3
#9dbdc2
#b0cad0
#c2d7dc
#d1e1e5
#dce9ed

CSS

background: linear-gradient(45deg in oklch, oklch(39.37% 0.0400 244.69) 0.0%, oklch(38.89% 0.0404 239.98) 3.2%, oklch(38.15% 0.0409 233.44) 6.5%, oklch(37.23% 0.0414 225.51) 9.7%, oklch(36.22% 0.0420 216.68) 12.9%, oklch(35.18% 0.0427 207.41) 16.1%, oklch(34.21% 0.0435 198.15) 19.4%, oklch(33.38% 0.0444 189.39) 22.6%, oklch(32.78% 0.0454 181.57) 25.8%, oklch(32.47% 0.0465 175.18) 29.0%, oklch(32.55% 0.0478 170.66) 32.3%, oklch(33.02% 0.0494 168.30) 35.5%, oklch(33.68% 0.0517 167.55) 38.7%, oklch(34.54% 0.0545 168.15) 41.9%, oklch(35.60% 0.0577 169.84) 45.2%, oklch(36.88% 0.0609 172.38) 48.4%, oklch(38.38% 0.0639 175.51) 51.6%, oklch(40.13% 0.0666 179.00) 54.8%, oklch(42.13% 0.0685 182.59) 58.1%, oklch(44.40% 0.0696 186.04) 61.3%, oklch(46.96% 0.0696 189.09) 64.5%, oklch(49.83% 0.0683 191.58) 67.7%, oklch(53.43% 0.0652 194.13) 71.0%, oklch(57.68% 0.0607 196.92) 74.2%, oklch(62.42% 0.0552 199.86) 77.4%, oklch(67.43% 0.0489 202.85) 80.6%, oklch(72.53% 0.0422 205.81) 83.9%, oklch(77.52% 0.0355 208.66) 87.1%, oklch(82.20% 0.0291 211.32) 90.3%, oklch(86.40% 0.0233 213.68) 93.5%, oklch(89.90% 0.0186 215.68) 96.8%, oklch(92.52% 0.0152 217.21) 100.0%);

In these collections

Elevation gradients