Skip to content

Grabient palettes

Mauve, sky blue and coral pastel palette

Purple, gray, light blue and pink color palette

The Mauve, sky blue and coral pastel palette brings together magenta, off-white, light blue, light purple, and light red. Radial gradient, 32 colors: #99798f, #e9eadd, #a8cfe3, #b6a2cf, #e3a5ae. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #99798f
  • #a48192
  • #b18f97
  • #bf9f9f
  • #cbb2ab
  • #d6c5b9
  • #dfd6c9
  • #e6e2d6
  • #e9eadd
  • #e7ede0
  • #e1ede0
  • #d7eade
  • #cbe6dd
  • #bee1dd
  • #b3dade
  • #abd4e1
  • #a8cfe3
  • #a7c8e4
  • #a7c1e3
  • #a8bae1
  • #aab3dd
  • #adadd9
  • #b1a7d4
  • #b6a2cf
  • #bc9fcb
  • #c39ec6
  • #ca9ec1
  • #d19ebd
  • #d7a0b9
  • #dda2b5
  • #e1a4b1
  • #e3a5ae

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(61.42% 0.0510 338.20) 0.0%, oklch(64.23% 0.0477 348.61) 3.2%, oklch(68.31% 0.0429 2.60) 6.5%, oklch(73.18% 0.0371 19.27) 9.7%, oklch(78.38% 0.0310 37.70) 12.9%, oklch(83.45% 0.0253 57.00) 16.1%, oklch(87.92% 0.0205 76.26) 19.4%, oklch(91.33% 0.0174 94.56) 22.6%, oklch(93.23% 0.0166 111.10) 25.8%, oklch(93.76% 0.0180 127.09) 29.0%, oklch(93.26% 0.0213 143.07) 32.3%, oklch(92.00% 0.0258 158.92) 35.5%, oklch(90.24% 0.0311 174.47) 38.7%, oklch(88.24% 0.0366 189.58) 41.9%, oklch(86.25% 0.0419 204.09) 45.2%, oklch(84.53% 0.0464 217.87) 48.4%, oklch(83.23% 0.0498 230.77) 51.6%, oklch(81.85% 0.0529 242.88) 54.8%, oklch(80.37% 0.0558 254.30) 58.1%, oklch(78.87% 0.0585 265.14) 61.3%, oklch(77.45% 0.0609 275.49) 64.5%, oklch(76.19% 0.0632 285.43) 67.7%, oklch(75.18% 0.0652 295.08) 71.0%, oklch(74.51% 0.0671 304.51) 74.2%, oklch(74.28% 0.0687 313.94) 77.4%, oklch(74.47% 0.0701 323.52) 80.6%, oklch(74.98% 0.0712 332.99) 83.9%, oklch(75.69% 0.0721 342.08) 87.1%, oklch(76.49% 0.0728 350.52) 90.3%, oklch(77.28% 0.0734 358.04) 93.5%, oklch(77.93% 0.0739 4.35) 96.8%, oklch(78.35% 0.0744 9.20) 100.0%);

In these collections

Pastel gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works