Skip to content
Grabient palettes

Vivid navy, purple, pink and orange linear gradient

Vivid navy, purple, pink and orange color palette

Linear gradient, 5 colors at 90°: #1f145d, #5935a9, #d33c9a, #ff685a, #ffc54e. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #1f145d
  • #5935a9
  • #d33c9a
  • #ff685a
  • #ffc54e

CSS

background: linear-gradient(90deg in oklch, oklch(26.38% 0.1226 281.25) 0.0%, oklch(44.09% 0.1750 291.82) 25.0%, oklch(60.63% 0.2067 346.77) 50.0%, oklch(70.47% 0.1871 27.98) 75.0%, oklch(85.43% 0.1471 81.88) 100.0%);

In these collections

Bright gradientsSummer gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works