Skip to content
Grabient palettes

Rainbow from yellow to beige linear gradient

Rainbow from yellow to beige color palette

Linear gradient, 7 colors at 90°: #fbe026, #00b0be, #c248eb, #ff8c2b, #00d293, #60e3bd, #f8eed0. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #fbe026
  • #00b0be
  • #c248eb
  • #ff8c2b
  • #00d293
  • #60e3bd
  • #f8eed0

CSS

background: linear-gradient(90deg in oklch, oklch(90.16% 0.1805 99.84) 0.0%, oklch(69.22% 0.1182 204.74) 16.7%, oklch(63.58% 0.2442 316.36) 33.3%, oklch(75.20% 0.1715 54.76) 50.0%, oklch(76.38% 0.1656 162.77) 66.7%, oklch(83.17% 0.1281 170.92) 83.3%, oklch(94.88% 0.0400 91.74) 100.0%);

In these collections

Neon swatchesBright swatchesPrimary color swatchesBack to school swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works