Skip to content

Grabient palettes

Cobalt blue, turquoise and lime color palette

Vivid duotone blue to lime green color palette

The Cobalt blue, turquoise and lime color palette brings together blue, teal, and green. Radial gradient, 32 colors: #215bff, #0c8eff, #00c8da, #3fe26e, #caf237. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #215bff
  • #205fff
  • #2264ff
  • #246aff
  • #2671ff
  • #2778ff
  • #267fff
  • #2086ff
  • #0c8eff
  • #0096fa
  • #009ff4
  • #00a7f0
  • #00afec
  • #00b6e8
  • #00bde4
  • #00c3df
  • #00c8da
  • #00cdd2
  • #00d1c8
  • #00d4bc
  • #00d8ad
  • #00dc9b
  • #00e083
  • #3fe26e
  • #5fe35d
  • #78e54f
  • #8ce744
  • #9eea3d
  • #acec3a
  • #b8ef39
  • #c2f139
  • #caf237

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(54.72% 0.2494 264.38) 0.0%, oklch(55.47% 0.2453 263.77) 3.2%, oklch(56.44% 0.2393 263.23) 6.5%, oklch(57.60% 0.2321 262.60) 9.7%, oklch(58.90% 0.2242 261.74) 12.9%, oklch(60.29% 0.2160 260.48) 16.1%, oklch(61.72% 0.2080 258.69) 19.4%, oklch(63.14% 0.2006 256.21) 22.6%, oklch(64.51% 0.1946 252.89) 25.8%, oklch(65.97% 0.1810 248.77) 29.0%, oklch(67.53% 0.1663 243.94) 32.3%, oklch(69.15% 0.1546 238.51) 35.5%, oklch(70.75% 0.1454 232.59) 38.7%, oklch(72.31% 0.1386 226.27) 41.9%, oklch(73.75% 0.1340 219.66) 45.2%, oklch(75.03% 0.1312 212.86) 48.4%, oklch(76.09% 0.1301 205.84) 51.6%, oklch(76.91% 0.1308 197.93) 54.8%, oklch(77.56% 0.1342 189.34) 58.1%, oklch(78.09% 0.1413 180.42) 61.3%, oklch(78.58% 0.1531 171.52) 64.5%, oklch(79.10% 0.1709 163.01) 67.7%, oklch(79.71% 0.1962 155.23) 71.0%, oklch(80.48% 0.2068 148.54) 74.2%, oklch(81.49% 0.2108 143.05) 77.4%, oklch(82.74% 0.2123 138.35) 80.6%, oklch(84.13% 0.2120 134.31) 83.9%, oklch(85.57% 0.2104 130.89) 87.1%, oklch(86.99% 0.2081 127.99) 90.3%, oklch(88.28% 0.2056 125.54) 93.5%, oklch(89.37% 0.2036 123.48) 96.8%, oklch(90.16% 0.2026 121.71) 100.0%);

In these collections

Bright gradientsLight multicolor gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works