Skip to content

Grabient palettes

Smoked teal mint and copper glass gradient

Deep smoked teal opens through aqua and pale sea-glass mint, then turns through muted yellow green, honey, peach, copper, and dark… #12383a, #a9d2c2, #713822.

48 colors, 5 editable OKLCH keyframes.

  • #12383a
  • #123b3d
  • #123f41
  • #104445
  • #0f494a
  • #0c4e50
  • #095456
  • #075b5c
  • #056262
  • #066969
  • #0b6f6f
  • #147675
  • #1e7d7a
  • #2a8481
  • #388c88
  • #469590
  • #559d98
  • #63a6a0
  • #71aea9
  • #7eb7b0
  • #8abeb7
  • #95c5bc
  • #9ecbc0
  • #a5cfc3
  • #a9d2c2
  • #add4c0
  • #b1d5ba
  • #b5d4b3
  • #bad2a9
  • #c0cf9e
  • #c6ca93
  • #cdc388
  • #d2bb7f
  • #d6b378
  • #d8ab72
  • #d8a26e
  • #d59a6b
  • #cf9166
  • #c78760
  • #bd7d59
  • #b37251
  • #a76749
  • #9c5d41
  • #915439
  • #874b32
  • #7e432b
  • #763d26
  • #713822

CSS

background: conic-gradient(from 315deg in oklch, oklch(31.50% 0.0427 199.69) 0.0%, oklch(32.54% 0.0450 199.36) 2.1%, oklch(33.82% 0.0483 199.01) 4.3%, oklch(35.30% 0.0522 198.63) 6.4%, oklch(36.96% 0.0567 198.20) 8.5%, oklch(38.78% 0.0614 197.72) 10.6%, oklch(40.73% 0.0662 197.17) 12.8%, oklch(42.78% 0.0709 196.55) 14.9%, oklch(44.91% 0.0751 195.85) 17.0%, oklch(47.09% 0.0788 195.05) 19.1%, oklch(49.30% 0.0817 194.15) 21.3%, oklch(51.51% 0.0835 193.13) 23.4%, oklch(53.71% 0.0841 192.01) 25.5%, oklch(56.15% 0.0831 191.14) 27.7%, oklch(58.87% 0.0808 190.55) 29.8%, oklch(61.78% 0.0775 190.11) 31.9%, oklch(64.81% 0.0734 189.67) 34.0%, oklch(67.87% 0.0688 189.09) 36.2%, oklch(70.87% 0.0641 188.23) 38.3%, oklch(73.74% 0.0595 186.95) 40.4%, oklch(76.38% 0.0553 185.11) 42.6%, oklch(78.72% 0.0519 182.56) 44.7%, oklch(80.67% 0.0494 179.18) 46.8%, oklch(82.14% 0.0482 174.81) 48.9%, oklch(83.09% 0.0486 169.24) 51.1%, oklch(83.67% 0.0505 162.01) 53.2%, oklch(83.93% 0.0535 153.36) 55.3%, oklch(83.89% 0.0574 143.61) 57.4%, oklch(83.56% 0.0621 133.08) 59.6%, oklch(82.98% 0.0672 122.09) 61.7%, oklch(82.16% 0.0725 110.98) 63.8%, oklch(81.13% 0.0777 100.06) 66.0%, oklch(79.90% 0.0827 89.66) 68.1%, oklch(78.49% 0.0871 80.10) 70.2%, oklch(76.93% 0.0907 71.71) 72.3%, oklch(75.24% 0.0932 64.82) 74.5%, oklch(73.30% 0.0947 59.48) 76.6%, oklch(70.84% 0.0954 55.18) 78.7%, oklch(67.95% 0.0955 51.76) 80.9%, oklch(64.75% 0.0951 49.10) 83.0%, oklch(61.33% 0.0943 47.10) 85.1%, oklch(57.82% 0.0932 45.62) 87.2%, oklch(54.33% 0.0920 44.55) 89.4%, oklch(50.96% 0.0906 43.77) 91.5%, oklch(47.82% 0.0894 43.17) 93.6%, oklch(45.04% 0.0882 42.61) 95.7%, oklch(42.71% 0.0873 41.99) 97.9%, oklch(40.94% 0.0868 41.17) 100.0%);

In these collections

Glass gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works