Skip to content

Grabient palettes

Indigo, emerald and teal green multicolor palette

Cool blue, green and light blue color palette

The Indigo, emerald and teal green multicolor palette brings together blue, teal, green, light green, and light teal. Linear gradient, 32 colors at 90°: #3b3477, #00856c, #14ad68, #5bca85, #7bd7cc. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

  • #3b3477
  • #31407c
  • #234f7d
  • #195d7a
  • #1e6976
  • #217174
  • #1c7972
  • #0d7f70
  • #00856c
  • #008b67
  • #029064
  • #039463
  • #009963
  • #019d64
  • #08a264
  • #0ea866
  • #14ad68
  • #1bb26a
  • #25b76d
  • #30bb71
  • #3abf75
  • #45c37a
  • #4fc67f
  • #5bca85
  • #69cd8a
  • #75d191
  • #7dd399
  • #7fd6a3
  • #7dd7af
  • #7ad8bc
  • #7ad7c6
  • #7bd7cc

CSS

background: linear-gradient(90deg in oklch, oklch(37.01% 0.1102 284.06) 0.0%, oklch(39.04% 0.1028 270.90) 3.2%, oklch(41.98% 0.0915 251.81) 6.5%, oklch(45.22% 0.0804 230.87) 9.7%, oklch(48.18% 0.0736 212.18) 12.9%, oklch(50.39% 0.0747 198.78) 16.1%, oklch(52.17% 0.0829 188.24) 19.4%, oklch(53.70% 0.0948 179.71) 22.6%, oklch(55.11% 0.1060 172.77) 25.8%, oklch(56.50% 0.1157 167.07) 29.0%, oklch(57.80% 0.1242 163.18) 32.3%, oklch(59.00% 0.1307 161.00) 35.5%, oklch(60.17% 0.1366 159.75) 38.7%, oklch(61.43% 0.1419 158.69) 41.9%, oklch(62.83% 0.1469 157.41) 45.2%, oklch(64.35% 0.1518 156.52) 48.4%, oklch(65.92% 0.1560 155.92) 51.6%, oklch(67.46% 0.1589 155.46) 54.8%, oklch(68.91% 0.1600 155.01) 58.1%, oklch(70.28% 0.1594 154.61) 61.3%, oklch(71.60% 0.1573 154.33) 64.5%, oklch(72.90% 0.1540 154.15) 67.7%, oklch(74.22% 0.1495 154.08) 71.0%, oklch(75.62% 0.1435 153.71) 74.2%, oklch(77.11% 0.1355 152.87) 77.4%, oklch(78.54% 0.1268 152.49) 80.6%, oklch(79.76% 0.1185 153.54) 83.9%, oklch(80.64% 0.1115 157.07) 87.1%, oklch(81.20% 0.1048 163.91) 90.3%, oklch(81.53% 0.0985 172.37) 93.5%, oklch(81.73% 0.0933 180.35) 96.8%, oklch(81.89% 0.0896 185.78) 100.0%);

In these collections

Green multicolor gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works