Skip to content

Grabient palettes

Dusty blue, stone and mauve glass palette

Navy, gray and dark gray color palette

The Dusty blue, stone and mauve glass palette brings together dark purple, purple, light purple, off-white, light teal, and teal. Angular gradient, 32 colors at 270°: #2c2734, #726881, #d8e0e7, #98bac0, #294148. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

  • #2c2734
  • #302b3a
  • #373142
  • #40394b
  • #494155
  • #524a5f
  • #5c536a
  • #665d75
  • #726881
  • #7e748d
  • #8c829a
  • #9c91a6
  • #aba0b3
  • #b7afc1
  • #c2bfcf
  • #ccd0dc
  • #d8e0e7
  • #e2eaed
  • #e4edef
  • #dceaec
  • #cde2e4
  • #bbd6da
  • #a9c9ce
  • #98bac0
  • #86a9b0
  • #73979e
  • #63858d
  • #54757d
  • #47656d
  • #3a565e
  • #304951
  • #294148

CSS

background: conic-gradient(from 270deg in oklch, oklch(28.35% 0.0248 300.94) 0.0%, oklch(30.19% 0.0267 301.33) 3.2%, oklch(32.79% 0.0294 301.93) 6.5%, oklch(35.86% 0.0324 302.53) 9.7%, oklch(39.15% 0.0350 302.96) 12.9%, oklch(42.44% 0.0368 303.05) 16.1%, oklch(45.92% 0.0386 302.78) 19.4%, oklch(49.63% 0.0399 302.38) 22.6%, oklch(53.55% 0.0405 302.05) 25.8%, oklch(57.70% 0.0398 302.06) 29.0%, oklch(62.28% 0.0374 304.61) 32.3%, oklch(67.19% 0.0339 308.43) 35.5%, oklch(72.11% 0.0298 310.20) 38.7%, oklch(76.73% 0.0258 306.59) 41.9%, oklch(81.15% 0.0219 293.78) 45.2%, oklch(85.90% 0.0170 271.71) 48.4%, oklch(90.21% 0.0125 246.38) 51.6%, oklch(93.22% 0.0097 223.98) 54.8%, oklch(94.09% 0.0102 210.49) 58.1%, oklch(92.70% 0.0149 205.38) 61.3%, oklch(89.68% 0.0221 205.20) 64.5%, oklch(85.68% 0.0296 207.27) 67.7%, oklch(81.32% 0.0353 208.95) 71.0%, oklch(76.62% 0.0382 209.42) 74.2%, oklch(71.05% 0.0398 210.54) 77.4%, oklch(65.12% 0.0403 212.02) 80.6%, oklch(59.34% 0.0402 213.53) 83.9%, oklch(54.08% 0.0396 214.82) 87.1%, oklch(48.68% 0.0379 216.17) 90.3%, oklch(43.46% 0.0356 217.54) 93.5%, oklch(38.99% 0.0332 218.73) 96.8%, oklch(35.83% 0.0317 219.57) 100.0%);

In these collections

Glass gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works