Skip to content
Grabient palettes

Vivid navy, purple, pink and orange linear gradient

Vivid navy, purple, pink and orange color palette

Linear gradient, 6 colors at 90°: #1f145d, #472f9b, #a539b0, #ec4881, #ff7e53, #ffc54e. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #1f145d
  • #472f9b
  • #a539b0
  • #ec4881
  • #ff7e53
  • #ffc54e

CSS

background: linear-gradient(90deg in oklch, oklch(26.38% 0.1226 281.25) 0.0%, oklch(40.34% 0.1650 286.69) 20.0%, oklch(54.55% 0.1986 323.65) 40.0%, oklch(64.80% 0.2041 3.63) 60.0%, oklch(73.37% 0.1680 38.81) 80.0%, oklch(85.43% 0.1471 81.88) 100.0%);

In these collections

Bright gradientsSummer gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works