Skip to content

Grabient palettes

Blue and turquoise glass palette

The Blue and turquoise glass palette brings together dark blue, blue, and pale teal. #121e37, #208bc7, #1b3052. Edit and export CSS, SVG, PNG or a shader.

32 colors, 8 editable OKLCH keyframes.

  • #121e37
  • #14223f
  • #152849
  • #162e55
  • #173561
  • #173c6c
  • #184377
  • #194a82
  • #1a518c
  • #1a5896
  • #1a609f
  • #1967a7
  • #1a6faf
  • #1b77b6
  • #1c7ebd
  • #1d84c2
  • #208bc7
  • #2a94cc
  • #3ca0d2
  • #5db6db
  • #85cee7
  • #a8e1f0
  • #b9e8f4
  • #addfed
  • #8dc8de
  • #66aacd
  • #478cba
  • #3674a7
  • #2d5e8f
  • #264b77
  • #203b61
  • #1b3052

CSS

background: conic-gradient(from 315deg in oklch, oklch(24.02% 0.0510 263.67) 0.0%, oklch(25.62% 0.0573 262.65) 3.2%, oklch(27.90% 0.0664 261.18) 6.5%, oklch(30.53% 0.0766 259.52) 9.7%, oklch(33.19% 0.0861 257.93) 12.9%, oklch(35.64% 0.0938 256.61) 16.1%, oklch(38.14% 0.1008 255.46) 19.4%, oklch(40.67% 0.1073 254.36) 22.6%, oklch(43.18% 0.1130 253.19) 25.8%, oklch(45.62% 0.1177 251.84) 29.0%, oklch(47.97% 0.1216 250.34) 32.3%, oklch(50.28% 0.1247 248.73) 35.5%, oklch(52.56% 0.1269 247.02) 38.7%, oklch(54.85% 0.1280 245.19) 41.9%, oklch(57.01% 0.1286 243.36) 45.2%, oklch(58.82% 0.1291 241.66) 48.4%, oklch(60.76% 0.1284 239.76) 51.6%, oklch(63.29% 0.1249 237.36) 54.8%, oklch(67.03% 0.1169 234.01) 58.1%, oklch(73.52% 0.1007 228.34) 61.3%, oklch(81.19% 0.0803 221.66) 64.5%, oklch(87.59% 0.0617 216.14) 67.7%, oklch(90.23% 0.0514 213.93) 71.0%, oklch(87.27% 0.0546 216.75) 74.2%, oklch(79.99% 0.0683 223.53) 77.4%, oklch(70.63% 0.0853 232.05) 80.6%, oklch(61.42% 0.0987 240.08) 83.9%, oklch(54.18% 0.1019 245.74) 87.1%, oklch(47.26% 0.0960 250.28) 90.3%, oklch(40.68% 0.0855 254.13) 93.5%, oklch(35.07% 0.0747 257.21) 96.8%, oklch(31.10% 0.0675 259.44) 100.0%);

In these collections

Glass gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works