Blue and teal iridescent glass interface palette

Cool blue, teal and light blue color palette

The Blue and teal iridescent glass interface palette brings together blue, teal, green, light green, light teal, and light blue. Linear gradient, 32 colors at 135°: #1f4870, #38696f, #6cb195, #9bdbc6, #bacae4. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#1f4870
#204a6e
#234b6c
#264d6a
#2a5068
#2d5468
#305a6a
#33616c
#38696f
#3e7172
#447975
#4b8279
#528b7e
#589583
#5e9f89
#65a88f
#6cb195
#73b99c
#7ac1a3
#80c9aa
#86cfb2
#8cd5ba
#93d9c0
#9bdbc6
#a1ddcc
#a7ded2
#aaded8
#abdcdf
#add8e4
#b1d2e6
#b6cde6
#bacae4

CSS

background: linear-gradient(135deg in oklch, oklch(39.37% 0.0813 249.61) 0.0%, oklch(39.71% 0.0774 247.68) 3.2%, oklch(40.10% 0.0717 245.22) 6.5%, oklch(40.66% 0.0654 242.04) 9.7%, oklch(41.48% 0.0596 237.92) 12.9%, oklch(42.67% 0.0555 232.65) 16.1%, oklch(44.32% 0.0537 225.59) 19.4%, oklch(46.38% 0.0532 216.48) 22.6%, oklch(48.74% 0.0537 206.47) 25.8%, oklch(51.28% 0.0551 196.73) 29.0%, oklch(53.87% 0.0571 188.44) 32.3%, oklch(56.49% 0.0599 182.31) 35.5%, oklch(59.32% 0.0642 177.41) 38.7%, oklch(62.25% 0.0692 173.50) 41.9%, oklch(65.18% 0.0743 170.45) 45.2%, oklch(67.98% 0.0784 168.12) 48.4%, oklch(70.57% 0.0812 166.42) 51.6%, oklch(73.12% 0.0834 165.52) 54.8%, oklch(75.59% 0.0851 165.38) 58.1%, oklch(77.88% 0.0858 165.94) 61.3%, oklch(79.93% 0.0853 167.13) 64.5%, oklch(81.64% 0.0831 168.81) 67.7%, oklch(83.09% 0.0786 170.29) 71.0%, oklch(84.31% 0.0724 172.07) 74.2%, oklch(85.26% 0.0656 175.01) 77.4%, oklch(85.91% 0.0593 179.95) 80.6%, oklch(86.25% 0.0544 187.78) 83.9%, oklch(86.08% 0.0507 200.58) 87.1%, oklch(85.48% 0.0476 217.04) 90.3%, oklch(84.69% 0.0450 234.35) 93.5%, oklch(83.94% 0.0429 249.67) 96.8%, oklch(83.46% 0.0413 260.18) 100.0%);

In these collections

Iridescent glass interface