Skip to content
Grabient palettes

Navy, gray, tan and purple linear gradient

Navy, gray, tan and purple color palette

Linear gradient, 8 colors at 90°: #192b4c, #2f4c6d, #4e7da2, #99b3b8, #dcab82, #f2c95b, #a06564, #413154. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

  • #192b4c
  • #2f4c6d
  • #4e7da2
  • #99b3b8
  • #dcab82
  • #f2c95b
  • #a06564
  • #413154

CSS

background: linear-gradient(90deg in oklch, oklch(29.13% 0.0648 261.56) 0.0%, oklch(40.94% 0.0661 253.11) 14.3%, oklch(57.09% 0.0772 243.60) 28.6%, oklch(74.80% 0.0289 210.84) 42.9%, oklch(77.56% 0.0799 60.78) 57.1%, oklch(85.04% 0.1350 88.26) 71.4%, oklch(57.09% 0.0758 21.68) 85.7%, oklch(34.65% 0.0634 304.54) 100.0%);

In these collections

Summer gradientsSunrise gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works