Skip to content
Grabient palettes

Complementary blue, gray and brown angular gradient

Complementary blue, gray and brown color palette

Angular gradient, 13 colors at 90°: #044cab, #208cdf, #8bb0b6, #bca559, #9d750d. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

  • #044cab
  • #0061be
  • #007ad3
  • #208cdf
  • #3e9ddd
  • #69aaca
  • #8bb0b6
  • #96b6a0
  • #b3af7b
  • #bca559
  • #b79a2f
  • #ab8515
  • #9d750d

CSS

background: conic-gradient(from 90deg in oklch, oklch(44.09% 0.1654 258.75) 0.0%, oklch(49.98% 0.1650 255.07) 8.3%, oklch(57.09% 0.1629 250.31) 16.7%, oklch(62.43% 0.1545 247.65) 25.0%, oklch(66.93% 0.1295 241.84) 33.3%, oklch(70.62% 0.0812 230.88) 41.7%, oklch(73.23% 0.0413 208.03) 50.0%, oklch(74.53% 0.0469 154.86) 58.3%, oklch(74.41% 0.0703 104.46) 66.7%, oklch(72.59% 0.1002 92.77) 75.0%, oklch(69.29% 0.1254 92.84) 83.3%, oklch(63.66% 0.1247 87.36) 91.7%, oklch(58.66% 0.1171 83.33) 100.0%);

In these collections

Yellow and blue gradientsNavy and gold

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works