Skip to content
Grabient palettes

Complementary blue, gray and brown linear gradient

Complementary blue, gray and brown color palette

Linear gradient, 5 colors at 90°: #1a3e71, #316d8d, #67908a, #9b946b, #b17541. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #1a3e71
  • #316d8d
  • #67908a
  • #9b946b
  • #b17541

CSS

background: linear-gradient(90deg in oklch, oklch(36.61% 0.0978 258.05) 0.0%, oklch(50.79% 0.0799 234.80) 25.0%, oklch(62.20% 0.0469 184.07) 50.0%, oklch(66.14% 0.0565 98.48) 75.0%, oklch(61.42% 0.1020 59.38) 100.0%);

In these collections

Sun bleached pool tilesNavy

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works