Skip to content

Grabient palettes

Pale lavender, stone and pale blue glass

The Pale lavender, stone and pale blue glass brings together off-white, light purple, light blue, and light gray. #ece8f5, #c6c0d8, #b5c1d2, #d9eaef, #f8fefe.

32 colors, 6 editable OKLCH keyframes.

  • #ece8f5
  • #e9e5f3
  • #e6e1f0
  • #e1dced
  • #ddd6ea
  • #d8d1e6
  • #d2cce2
  • #cdc7de
  • #c6c0d8
  • #bfbad1
  • #b9b3cb
  • #b3afc7
  • #afadc4
  • #aeaec5
  • #aeb2c8
  • #b1b9cd
  • #b5c1d2
  • #bac9d7
  • #bfd0dc
  • #c4d5df
  • #cadbe3
  • #cfe0e7
  • #d4e5eb
  • #d9eaef
  • #deeef2
  • #e3f2f5
  • #e8f5f7
  • #ecf7f9
  • #f0fafb
  • #f3fbfc
  • #f6fdfd
  • #f8fefe

CSS

background: linear-gradient(180deg in oklch, oklch(93.70% 0.0179 301.64) 0.0%, oklch(92.85% 0.0195 301.38) 3.2%, oklch(91.70% 0.0218 301.08) 6.5%, oklch(90.33% 0.0244 300.69) 9.7%, oklch(88.82% 0.0272 300.19) 12.9%, oklch(87.26% 0.0296 299.53) 16.1%, oklch(85.73% 0.0314 298.67) 19.4%, oklch(84.09% 0.0326 297.88) 22.6%, oklch(82.09% 0.0333 297.50) 25.8%, oklch(79.97% 0.0338 297.09) 29.0%, oklch(78.01% 0.0339 296.16) 32.3%, oklch(76.49% 0.0338 294.24) 35.5%, oklch(75.66% 0.0333 290.84) 38.7%, oklch(75.79% 0.0326 285.37) 41.9%, oklch(76.84% 0.0313 277.47) 45.2%, oklch(78.52% 0.0297 267.99) 48.4%, oklch(80.59% 0.0278 257.84) 51.6%, oklch(82.77% 0.0260 247.97) 54.8%, oklch(84.80% 0.0243 239.30) 58.1%, oklch(86.45% 0.0229 232.62) 61.3%, oklch(88.04% 0.0218 227.20) 64.5%, oklch(89.63% 0.0207 222.63) 67.7%, oklch(91.18% 0.0198 218.79) 71.0%, oklch(92.63% 0.0188 215.54) 74.2%, oklch(93.95% 0.0176 212.75) 77.4%, oklch(95.10% 0.0162 210.30) 80.6%, oklch(96.08% 0.0145 208.46) 83.9%, oklch(96.94% 0.0125 207.27) 87.1%, oklch(97.68% 0.0104 206.54) 90.3%, oklch(98.30% 0.0084 206.12) 93.5%, oklch(98.81% 0.0067 205.82) 96.8%, oklch(99.21% 0.0055 205.48) 100.0%);

In these collections

Glass gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works