Skip to content

Grabient palettes

Lavender, mint and teal color palette

Lavender, gray, green and teal color palette

The Lavender, mint and teal color palette brings together light purple, pale magenta, off-white, light green, green, and teal. Linear gradient, 32 colors at 135°: #c6b3ee, #eaddd7, #b8dbb2, #6fb28d, #3a7773. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

  • #c6b3ee
  • #cbb7ed
  • #cfbfeb
  • #d5c7e9
  • #dccee7
  • #e2d3e4
  • #e7d7e0
  • #eadadb
  • #eaddd7
  • #e8e0d5
  • #e3e2d4
  • #dee3d2
  • #d8e3cd
  • #d1e2c7
  • #cae0bf
  • #c2deb8
  • #b8dbb2
  • #aed7ad
  • #a3d2a8
  • #98cda2
  • #8ec79d
  • #83c198
  • #79b993
  • #6fb28d
  • #65aa88
  • #5ca283
  • #539b80
  • #4b937d
  • #448b7b
  • #3f8378
  • #3c7c75
  • #3a7773

CSS

background: linear-gradient(135deg in oklch, oklch(80.31% 0.0854 299.53) 0.0%, oklch(81.48% 0.0769 301.02) 3.2%, oklch(83.19% 0.0643 301.97) 6.5%, oklch(85.11% 0.0503 304.45) 9.7%, oklch(86.95% 0.0371 310.51) 12.9%, oklch(88.40% 0.0273 322.24) 16.1%, oklch(89.38% 0.0217 342.86) 19.4%, oklch(90.14% 0.0183 12.51) 22.6%, oklch(90.69% 0.0169 46.09) 25.8%, oklch(90.98% 0.0173 78.45) 29.0%, oklch(91.00% 0.0196 104.39) 32.3%, oklch(90.72% 0.0240 120.25) 35.5%, oklch(90.13% 0.0316 129.10) 38.7%, oklch(89.26% 0.0411 133.42) 41.9%, oklch(88.18% 0.0511 135.49) 45.2%, oklch(86.91% 0.0599 137.53) 48.4%, oklch(85.48% 0.0664 141.24) 51.6%, oklch(83.82% 0.0720 144.62) 54.8%, oklch(81.95% 0.0768 147.43) 58.1%, oklch(79.94% 0.0808 149.92) 61.3%, oklch(77.82% 0.0839 152.35) 64.5%, oklch(75.64% 0.0860 154.91) 67.7%, oklch(73.28% 0.0872 157.21) 71.0%, oklch(70.79% 0.0875 159.33) 74.2%, oklch(68.25% 0.0869 161.54) 77.4%, oklch(65.75% 0.0856 164.11) 80.6%, oklch(63.39% 0.0837 167.33) 83.9%, oklch(60.97% 0.0803 171.73) 87.1%, oklch(58.48% 0.0757 176.92) 90.3%, oklch(56.15% 0.0708 182.19) 93.5%, oklch(54.17% 0.0664 186.79) 96.8%, oklch(52.76% 0.0634 189.98) 100.0%);

In these collections

Frosted eucalyptusWinter

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works