Skip to content
Grabient palettes

Complementary navy to brown linear gradient

Complementary navy to brown color palette

Linear gradient, 8 colors at 90°: #1d1735, #282037, #382b50, #4a3c4e, #5d4e3b, #776335, #8d7a4d, #a89253. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

  • #1d1735
  • #282037
  • #382b50
  • #4a3c4e
  • #5d4e3b
  • #776335
  • #8d7a4d
  • #a89253

CSS

background: linear-gradient(90deg in oklch, oklch(22.83% 0.0565 290.39) 0.0%, oklch(26.38% 0.0441 299.90) 14.3%, oklch(32.28% 0.0648 298.84) 28.6%, oklch(37.80% 0.0344 318.92) 42.9%, oklch(43.31% 0.0358 73.05) 57.1%, oklch(50.79% 0.0689 86.79) 71.4%, oklch(58.66% 0.0661 86.79) 85.7%, oklch(66.54% 0.0868 91.02) 100.0%);

In these collections

Wallpaper gradientsMoody gradientsDark muted gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works