Skip to content

Grabient palettes

Dusty blue, rose and ochre holographic palette

Navy, pink, white and tan color palette

The Dusty blue, rose and ochre holographic palette brings together gray, teal, blue, magenta, light magenta, off-white, and yellow. Radial gradient, 32 colors: #323d48, #4f74a4, #cb7ba7, #f5e8e4, #bfac64. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

  • #323d48
  • #354451
  • #374f5e
  • #385d6b
  • #376a78
  • #377484
  • #38788f
  • #40789b
  • #4f74a4
  • #626fa8
  • #746caa
  • #846aab
  • #9469aa
  • #a569a8
  • #b46ba5
  • #c171a3
  • #cb7ba7
  • #d18bb5
  • #d69ec5
  • #dab1d3
  • #e1c2db
  • #eacede
  • #f2dbdf
  • #f5e8e4
  • #f6f1ed
  • #f7f6f2
  • #f4f4ee
  • #e9ecdc
  • #d9ddbf
  • #ccca9c
  • #c3b87b
  • #bfac64

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(35.43% 0.0234 248.91) 0.0%, oklch(37.90% 0.0296 243.31) 3.2%, oklch(41.49% 0.0385 234.42) 6.5%, oklch(45.55% 0.0488 225.21) 9.7%, oklch(49.41% 0.0589 218.63) 12.9%, oklch(52.39% 0.0677 217.67) 16.1%, oklch(54.09% 0.0744 224.62) 19.4%, oklch(54.90% 0.0803 238.02) 22.6%, oklch(55.26% 0.0855 255.07) 25.8%, oklch(55.59% 0.0903 272.97) 29.0%, oklch(56.30% 0.0949 288.90) 32.3%, oklch(57.60% 0.1002 301.53) 35.5%, oklch(59.06% 0.1071 313.76) 38.7%, oklch(60.73% 0.1138 325.17) 41.9%, oklch(62.72% 0.1185 334.98) 45.2%, oklch(65.14% 0.1190 342.45) 48.4%, oklch(68.14% 0.1133 346.17) 51.6%, oklch(72.02% 0.1006 343.37) 54.8%, oklch(76.40% 0.0834 337.45) 58.1%, oklch(80.82% 0.0650 332.66) 61.3%, oklch(84.81% 0.0485 333.25) 64.5%, oklch(88.01% 0.0363 343.59) 67.7%, oklch(91.10% 0.0253 6.39) 71.0%, oklch(93.98% 0.0152 36.73) 74.2%, oklch(96.17% 0.0079 68.46) 77.4%, oklch(97.21% 0.0049 95.41) 80.6%, oklch(96.60% 0.0079 111.49) 83.9%, oklch(93.52% 0.0203 116.00) 87.1%, oklch(88.58% 0.0398 113.12) 90.3%, oklch(82.95% 0.0618 106.32) 93.5%, oklch(77.83% 0.0817 99.11) 96.8%, oklch(74.41% 0.0951 94.97) 100.0%);

In these collections

Holographic gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works