Skip to content
Grabient palettes

Amber gray cobalt gradient

Complementary orange to blue color palette

Linear gradient, 8 colors at 315°: #ffb855, #e5b06d, #b5a496, #888fa8, #4b75b7, #0f56ad, #063098, #010b79. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

  • #ffb855
  • #e5b06d
  • #b5a496
  • #888fa8
  • #4b75b7
  • #0f56ad
  • #063098
  • #010b79

CSS

background: linear-gradient(315deg in oklch, oklch(83.07% 0.1403 72.43) 0.0%, oklch(79.13% 0.1047 71.37) 14.3%, oklch(72.83% 0.0276 60.80) 28.6%, oklch(65.35% 0.0372 271.80) 42.9%, oklch(56.30% 0.1130 259.11) 57.1%, oklch(46.46% 0.1543 257.00) 71.4%, oklch(36.61% 0.1736 263.34) 85.7%, oklch(27.17% 0.1736 264.40) 100.0%);

In these collections

Two color gradientsButter yellow and blue

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works