Skip to content

Grabient palettes

Orange, rose and lavender color palette

Peach, brown, purple and lavender color palette

The Orange, rose and lavender color palette brings together light orange, orange, magenta, purple, and light purple. Linear gradient, 32 colors at 315°: #fecf98, #db8030, #6e375b, #6248a0, #c4b2e4. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

  • #fecf98
  • #fdc98e
  • #fbc080
  • #fab66f
  • #f7ab5e
  • #f29f50
  • #ec9544
  • #e48b39
  • #db8030
  • #d1752b
  • #c76a2d
  • #bc5e35
  • #ad5241
  • #9b484b
  • #884152
  • #793b56
  • #6e375b
  • #663362
  • #5f306c
  • #593077
  • #543283
  • #53378d
  • #583f96
  • #6248a0
  • #7053aa
  • #7e5fb4
  • #8b6bbd
  • #9779c6
  • #a48acf
  • #b19ad8
  • #bca8df
  • #c4b2e4

CSS

background: linear-gradient(315deg in oklch, oklch(88.19% 0.0882 70.31) 0.0%, oklch(86.76% 0.0954 69.29) 3.2%, oklch(84.80% 0.1061 67.90) 6.5%, oklch(82.45% 0.1180 66.21) 9.7%, oklch(79.87% 0.1290 64.29) 12.9%, oklch(77.21% 0.1369 62.22) 16.1%, oklch(74.50% 0.1411 60.45) 19.4%, oklch(71.60% 0.1434 59.26) 22.6%, oklch(68.54% 0.1438 57.78) 25.8%, oklch(65.36% 0.1423 55.10) 29.0%, oklch(62.11% 0.1392 50.33) 32.3%, oklch(58.69% 0.1334 42.56) 35.5%, oklch(54.79% 0.1229 31.83) 38.7%, oklch(50.78% 0.1106 19.30) 41.9%, oklch(47.06% 0.0993 6.15) 45.2%, oklch(44.04% 0.0921 353.58) 48.4%, oklch(42.00% 0.0918 342.30) 51.6%, oklch(40.57% 0.0987 330.56) 54.8%, oklch(39.73% 0.1096 318.90) 58.1%, oklch(39.55% 0.1215 308.37) 61.3%, oklch(40.12% 0.1313 299.98) 64.5%, oklch(41.53% 0.1361 294.80) 67.7%, oklch(44.04% 0.1378 293.30) 71.0%, oklch(47.43% 0.1375 294.39) 74.2%, oklch(51.34% 0.1353 296.79) 77.4%, oklch(55.41% 0.1313 299.22) 80.6%, oklch(59.30% 0.1257 300.41) 83.9%, oklch(63.57% 0.1164 300.81) 87.1%, oklch(68.25% 0.1042 301.05) 90.3%, oklch(72.82% 0.0911 301.20) 93.5%, oklch(76.75% 0.0796 301.30) 96.8%, oklch(79.53% 0.0717 301.39) 100.0%);

In these collections

Sunset gradientsOrange and purple gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works