Skip to content
Grabient palettes

Rainbow linear gradient

Rainbow color palette

Linear gradient, 7 colors at 90°: #00cfc7, #9e8dff, #ff8a89, #fadb19, #00a8d8, #2ca2ff, #cef7e3. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #00cfc7
  • #9e8dff
  • #ff8a89
  • #fadb19
  • #00a8d8
  • #2ca2ff
  • #cef7e3

CSS

background: linear-gradient(90deg in oklch, oklch(77.17% 0.1333 189.84) 0.0%, oklch(70.78% 0.1626 288.32) 16.7%, oklch(76.16% 0.1420 21.55) 33.3%, oklch(88.98% 0.1805 98.26) 50.0%, oklch(68.17% 0.1323 227.50) 66.7%, oklch(69.36% 0.1694 247.84) 83.3%, oklch(94.09% 0.0496 164.83) 100.0%);

In these collections

Bright swatchesBack to school swatchesHappy swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works