Champagne, teal and mauve pastel palette

Beige, gray, light blue and purple color palette

The Champagne, teal and mauve pastel palette brings together pale orange, light green, light blue, and magenta. Linear gradient, 32 colors at 45°: #f1e4c5, #bbd4b3, #8ac5c3, #8aa7cb, #997990. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#f1e4c5
#ede3c3
#e9e1c0
#e3dfbd
#dcddba
#d4dbb7
#ccd8b5
#c3d6b4
#bbd4b3
#b2d2b3
#aad0b4
#a4ceb6
#9dccb8
#97caba
#92c9bd
#8dc7c0
#8ac5c3
#86c3c6
#84c0c9
#83bdcb
#83b9cd
#84b4ce
#86aecd
#8aa7cb
#8ea0c6
#9298c0
#9591b8
#988aaf
#9984a6
#9a809d
#9a7c95
#997990

CSS

background: linear-gradient(45deg in oklch, oklch(92.13% 0.0427 87.89) 0.0%, oklch(91.53% 0.0434 91.74) 3.2%, oklch(90.74% 0.0444 96.63) 6.5%, oklch(89.81% 0.0455 102.39) 9.7%, oklch(88.76% 0.0468 108.86) 12.9%, oklch(87.64% 0.0482 115.87) 16.1%, oklch(86.48% 0.0496 123.26) 19.4%, oklch(85.32% 0.0510 130.85) 22.6%, oklch(84.19% 0.0524 138.49) 25.8%, oklch(83.13% 0.0536 146.00) 29.0%, oklch(82.18% 0.0548 153.21) 32.3%, oklch(81.36% 0.0558 160.05) 35.5%, oklch(80.64% 0.0569 166.73) 38.7%, oklch(79.99% 0.0581 173.33) 41.9%, oklch(79.40% 0.0592 179.93) 45.2%, oklch(78.83% 0.0603 186.61) 48.4%, oklch(78.26% 0.0613 193.44) 51.6%, oklch(77.66% 0.0621 200.49) 54.8%, oklch(77.00% 0.0628 207.85) 58.1%, oklch(76.27% 0.0633 215.58) 61.3%, oklch(75.43% 0.0634 223.76) 64.5%, oklch(74.46% 0.0633 232.52) 67.7%, oklch(73.29% 0.0627 242.53) 71.0%, oklch(71.94% 0.0617 253.67) 74.2%, oklch(70.48% 0.0605 265.56) 77.4%, oklch(68.95% 0.0590 277.81) 80.6%, oklch(67.41% 0.0574 290.03) 83.9%, oklch(65.91% 0.0558 301.84) 87.1%, oklch(64.51% 0.0543 312.86) 90.3%, oklch(63.26% 0.0529 322.69) 93.5%, oklch(62.21% 0.0518 330.96) 96.8%, oklch(61.42% 0.0510 337.28) 100.0%);

In these collections

Pastel gradients