Skip to content

Grabient palettes

Champagne and dusty blue color palette

Beige, brown, green and blue color palette

The Champagne and dusty blue color palette brings together pale orange, light orange, orange, yellow, and blue. Linear gradient, 32 colors at 90°: #fff4d8, #d3b78b, #88674d, #959a61, #778699. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #fff4d8
  • #fcf0d2
  • #f8eaca
  • #f3e3c0
  • #eddbb5
  • #e7d3aa
  • #e1c99f
  • #dac095
  • #d3b78b
  • #caab82
  • #bf9e78
  • #b3916e
  • #a78465
  • #9b785d
  • #926f56
  • #8b6951
  • #88674d
  • #8a694c
  • #8e6e4c
  • #94764e
  • #997f50
  • #9c8954
  • #9b925a
  • #959a61
  • #899e6b
  • #7aa079
  • #6c9f88
  • #659b95
  • #67959c
  • #6d8f9e
  • #73899c
  • #778699

CSS

background: linear-gradient(90deg in oklch, oklch(96.85% 0.0386 89.30) 0.0%, oklch(95.56% 0.0411 88.53) 3.2%, oklch(93.90% 0.0447 87.58) 6.5%, oklch(91.93% 0.0490 86.46) 9.7%, oklch(89.69% 0.0535 85.16) 12.9%, oklch(87.26% 0.0580 83.69) 16.1%, oklch(84.66% 0.0619 82.04) 19.4%, oklch(81.97% 0.0648 80.21) 22.6%, oklch(79.21% 0.0664 78.17) 25.8%, oklch(75.87% 0.0664 75.06) 29.0%, oklch(71.98% 0.0652 71.00) 32.3%, oklch(67.85% 0.0632 66.57) 35.5%, oklch(63.78% 0.0609 62.35) 38.7%, oklch(60.06% 0.0587 58.92) 41.9%, oklch(57.01% 0.0570 56.86) 45.2%, oklch(54.92% 0.0563 56.74) 48.4%, oklch(54.10% 0.0571 58.95) 51.6%, oklch(54.64% 0.0595 62.63) 54.8%, oklch(56.21% 0.0632 67.61) 58.1%, oklch(58.44% 0.0673 73.91) 61.3%, oklch(60.98% 0.0714 81.54) 64.5%, oklch(63.45% 0.0749 90.52) 67.7%, oklch(65.51% 0.0771 100.86) 71.0%, oklch(66.78% 0.0774 112.57) 74.2%, oklch(67.09% 0.0754 126.59) 77.4%, oklch(66.80% 0.0710 144.46) 80.6%, oklch(66.09% 0.0650 164.87) 83.9%, oklch(65.10% 0.0580 186.40) 87.1%, oklch(63.98% 0.0508 207.62) 90.3%, oklch(62.90% 0.0440 227.11) 93.5%, oklch(61.99% 0.0383 243.44) 96.8%, oklch(61.42% 0.0344 255.21) 100.0%);

In these collections

CreamOrchard frost at dawnBottlebrush coral morning

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works