Skip to content

Grabient palettes

Ochre and blue color palette

Orange, salmon, lavender and light blue color palette

The Ochre and blue color palette brings together gold, red, purple, blue, light blue, and pale teal. Linear gradient, 32 colors at 90°: #ecc45b, #da7673, #8089cc, #70bbe0, #c5eaf3. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

  • #ecc45b
  • #f0b751
  • #f4a34c
  • #f38e52
  • #ef7e5e
  • #e97667
  • #e3756b
  • #de756e
  • #da7673
  • #d4767e
  • #cb7690
  • #be78a3
  • #ad7cb2
  • #9e80bc
  • #9284c2
  • #8986c7
  • #8089cc
  • #788dd1
  • #7093d5
  • #6b9bd8
  • #68a3da
  • #68acdc
  • #6bb4de
  • #70bbe0
  • #78c1e3
  • #80c8e6
  • #8acee9
  • #95d4eb
  • #a2dbed
  • #b0e1ef
  • #bde6f1
  • #c5eaf3

CSS

background: linear-gradient(90deg in oklch, oklch(83.46% 0.1309 88.59) 0.0%, oklch(81.22% 0.1341 78.94) 3.2%, oklch(77.93% 0.1391 64.86) 6.5%, oklch(74.39% 0.1438 49.65) 9.7%, oklch(71.40% 0.1462 36.66) 12.9%, oklch(69.58% 0.1446 29.00) 16.1%, oklch(68.60% 0.1394 26.36) 19.4%, oklch(68.09% 0.1321 25.44) 22.6%, oklch(67.73% 0.1244 22.85) 25.8%, oklch(67.23% 0.1176 15.21) 29.0%, oklch(66.57% 0.1107 0.89) 32.3%, oklch(65.91% 0.1033 342.52) 35.5%, oklch(65.36% 0.0970 323.35) 38.7%, oklch(65.01% 0.0929 306.63) 41.9%, oklch(64.88% 0.0925 294.50) 45.2%, oklch(64.85% 0.0959 285.04) 48.4%, oklch(65.04% 0.1007 277.18) 51.6%, oklch(65.53% 0.1049 269.98) 54.8%, oklch(66.46% 0.1061 262.54) 58.1%, oklch(67.91% 0.1050 254.97) 61.3%, oklch(69.75% 0.1025 247.78) 64.5%, oklch(71.76% 0.0992 241.28) 67.7%, oklch(73.75% 0.0956 235.81) 71.0%, oklch(75.64% 0.0919 231.72) 74.2%, oklch(77.59% 0.0878 228.88) 77.4%, oklch(79.57% 0.0832 226.74) 80.6%, oklch(81.55% 0.0778 224.77) 83.9%, oklch(83.55% 0.0715 222.46) 87.1%, oklch(85.78% 0.0631 219.95) 90.3%, oklch(88.02% 0.0539 217.53) 93.5%, oklch(89.97% 0.0457 215.46) 96.8%, oklch(91.34% 0.0400 213.99) 100.0%);

In these collections

Bright gradientsSummer gradientsSunrise gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works