Skip to content

Grabient palettes

Champagne, lime and turquoise glass palette

Pastel beige, green and blue color palette

The Champagne, lime and turquoise glass palette brings together pale yellow, light yellow, light green, and light teal. Radial gradient, 32 colors: #fdf5b4, #e4f2a2, #b2e3a4, #80ceaa, #80cbce. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

  • #fdf5b4
  • #fbf5b2
  • #f9f4af
  • #f7f4ac
  • #f4f4a9
  • #f1f4a6
  • #edf3a4
  • #e9f3a3
  • #e4f2a2
  • #dff1a2
  • #daefa2
  • #d4eea2
  • #ceeca2
  • #c8eba2
  • #c1e8a3
  • #bae6a3
  • #b2e3a4
  • #abe0a4
  • #a4dda5
  • #9ddba6
  • #95d8a7
  • #8ed4a8
  • #87d1a9
  • #80ceaa
  • #7bccac
  • #77cab0
  • #75cab5
  • #76cabb
  • #78cac1
  • #7bcbc7
  • #7ecbcb
  • #80cbce

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(96.06% 0.0827 101.95) 0.0%, oklch(95.88% 0.0847 103.01) 3.2%, oklch(95.64% 0.0877 104.43) 6.5%, oklch(95.36% 0.0912 106.13) 9.7%, oklch(95.02% 0.0947 108.03) 12.9%, oklch(94.63% 0.0979 110.05) 16.1%, oklch(94.19% 0.1003 112.11) 19.4%, oklch(93.70% 0.1016 114.18) 22.6%, oklch(93.17% 0.1024 116.35) 25.8%, oklch(92.58% 0.1027 118.62) 29.0%, oklch(91.94% 0.1027 121.01) 32.3%, oklch(91.25% 0.1024 123.53) 35.5%, oklch(90.48% 0.1021 126.20) 38.7%, oklch(89.64% 0.1017 129.04) 41.9%, oklch(88.69% 0.1010 132.04) 45.2%, oklch(87.66% 0.1001 135.20) 48.4%, oklch(86.59% 0.0991 138.48) 51.6%, oklch(85.51% 0.0980 141.86) 54.8%, oklch(84.46% 0.0970 145.30) 58.1%, oklch(83.45% 0.0961 148.79) 61.3%, oklch(82.35% 0.0954 152.32) 64.5%, oklch(81.20% 0.0948 155.92) 67.7%, oklch(80.09% 0.0942 159.61) 71.0%, oklch(79.11% 0.0934 163.41) 74.2%, oklch(78.35% 0.0922 167.36) 77.4%, oklch(77.89% 0.0906 171.50) 80.6%, oklch(77.81% 0.0882 176.26) 83.9%, oklch(78.02% 0.0852 181.53) 87.1%, oklch(78.42% 0.0820 186.89) 90.3%, oklch(78.87% 0.0789 191.90) 93.5%, oklch(79.28% 0.0763 196.13) 96.8%, oklch(79.53% 0.0744 199.17) 100.0%);

In these collections

Glass gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works