Skip to content

Grabient palettes

Mint lilac and pink holographic glow

Pastel tritone blue, lavender and pink color palette

Soft mint at the center flows through aqua and light blue into lilac, then reaches a blush-pink outer edge. Radial gradient, 32 colors: #a9e2d4, #8cced6, #99b6ed, #cfa8e3, #f1b8d2. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

  • #a9e2d4
  • #a6e1d4
  • #a3dfd4
  • #9fddd4
  • #9bdad4
  • #97d7d4
  • #93d4d5
  • #90d1d5
  • #8cced6
  • #8acbd8
  • #88c8da
  • #88c6dd
  • #88c3e0
  • #8ac0e4
  • #8dbde8
  • #93baeb
  • #99b6ed
  • #a1b3ee
  • #a9afee
  • #b2aced
  • #b9aaeb
  • #c1a8e9
  • #c8a8e6
  • #cfa8e3
  • #d5a9e0
  • #dbabdd
  • #e1adda
  • #e6b0d8
  • #eab2d6
  • #edb5d4
  • #efb7d3
  • #f1b8d2

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(87.01% 0.0620 177.89) 0.0%, oklch(86.56% 0.0624 180.09) 3.2%, oklch(85.95% 0.0629 182.68) 6.5%, oklch(85.22% 0.0634 185.67) 9.7%, oklch(84.40% 0.0639 189.05) 12.9%, oklch(83.54% 0.0646 192.81) 16.1%, oklch(82.66% 0.0653 196.95) 19.4%, oklch(81.80% 0.0662 201.46) 22.6%, oklch(80.99% 0.0672 206.34) 25.8%, oklch(80.28% 0.0684 211.57) 29.0%, oklch(79.69% 0.0698 217.16) 32.3%, oklch(79.23% 0.0714 223.24) 35.5%, oklch(78.80% 0.0737 230.16) 38.7%, oklch(78.41% 0.0763 237.78) 41.9%, oklch(78.07% 0.0793 245.92) 45.2%, oklch(77.78% 0.0823 254.37) 48.4%, oklch(77.55% 0.0853 262.97) 51.6%, oklch(77.39% 0.0880 271.52) 54.8%, oklch(77.32% 0.0904 279.83) 58.1%, oklch(77.33% 0.0923 287.72) 61.3%, oklch(77.43% 0.0934 294.99) 64.5%, oklch(77.65% 0.0937 301.53) 67.7%, oklch(78.05% 0.0930 307.78) 71.0%, oklch(78.62% 0.0916 313.87) 74.2%, oklch(79.31% 0.0896 319.76) 77.4%, oklch(80.10% 0.0871 325.37) 80.6%, oklch(80.92% 0.0844 330.65) 83.9%, oklch(81.75% 0.0816 335.55) 87.1%, oklch(82.54% 0.0788 340.01) 90.3%, oklch(83.25% 0.0764 343.96) 93.5%, oklch(83.83% 0.0744 347.36) 96.8%, oklch(84.25% 0.0730 350.14) 100.0%);

In these collections

Holographic gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works