Skip to content
Grabient palettes

Vivid pink, yellow, light green and blue linear gradient

Vivid pink, yellow, light green and blue color palette

Linear gradient, 5 colors at 45°: #ff5e73, #ffd03b, #fff069, #4aa7ff, #3668e9. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #ff5e73
  • #ffd03b
  • #fff069
  • #4aa7ff
  • #3668e9

CSS

background: linear-gradient(45deg in oklch, oklch(69.68% 0.1958 16.17) 0.0%, oklch(87.40% 0.1626 90.14) 25.0%, oklch(94.09% 0.1543 102.83) 50.0%, oklch(71.26% 0.1557 249.71) 75.0%, oklch(55.91% 0.2026 264.51) 100.0%);

In these collections

Blue and yellow swatchesPrimary color swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works