Skip to content

Grabient palettes

Dusty blue and teal charcoal plum tailoring

Navy, purple, gray and teal color palette

The Dusty blue and teal charcoal plum tailoring brings together dark gray, purple, magenta, light purple, blue, and teal. Linear gradient, 32 colors at 45°: #252632, #74537e, #bb9ec5, #92a9be, #34706e. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

  • #252632
  • #292938
  • #2f2d41
  • #38324b
  • #433755
  • #4f3c5f
  • #5b4269
  • #674a73
  • #74537e
  • #815d8a
  • #8e6796
  • #9b72a2
  • #a57cac
  • #ac85b5
  • #b28dbb
  • #b796c0
  • #bb9ec5
  • #bca4c8
  • #bba9ca
  • #b7accc
  • #b0adcc
  • #a7adca
  • #9cacc6
  • #92a9be
  • #87a5b5
  • #7ea0ac
  • #7399a2
  • #659096
  • #57868a
  • #497d7f
  • #3d7575
  • #34706e

CSS

background: linear-gradient(45deg in oklch, oklch(27.17% 0.0220 280.55) 0.0%, oklch(28.74% 0.0275 284.25) 3.2%, oklch(30.84% 0.0352 289.58) 6.5%, oklch(33.37% 0.0444 295.82) 9.7%, oklch(36.19% 0.0537 302.22) 12.9%, oklch(39.21% 0.0624 308.07) 16.1%, oklch(42.30% 0.0692 312.62) 19.4%, oklch(45.56% 0.0741 315.67) 22.6%, oklch(49.28% 0.0783 318.00) 25.8%, oklch(53.23% 0.0816 319.67) 29.0%, oklch(57.19% 0.0839 320.69) 32.3%, oklch(60.93% 0.0850 321.11) 35.5%, oklch(64.22% 0.0846 320.93) 38.7%, oklch(66.95% 0.0824 320.36) 41.9%, oklch(69.47% 0.0776 319.88) 45.2%, oklch(71.73% 0.0711 319.04) 48.4%, oklch(73.65% 0.0637 317.32) 51.6%, oklch(75.13% 0.0566 314.17) 54.8%, oklch(76.09% 0.0508 309.07) 58.1%, oklch(76.44% 0.0469 301.35) 61.3%, oklch(76.16% 0.0442 289.91) 64.5%, oklch(75.33% 0.0422 275.79) 67.7%, oklch(74.06% 0.0410 260.45) 71.0%, oklch(72.43% 0.0405 245.36) 74.2%, oklch(70.54% 0.0407 231.97) 77.4%, oklch(68.46% 0.0416 221.71) 80.6%, oklch(65.73% 0.0439 213.90) 83.9%, oklch(62.39% 0.0475 207.62) 87.1%, oklch(58.82% 0.0517 202.63) 90.3%, oklch(55.38% 0.0559 198.67) 93.5%, oklch(52.45% 0.0595 195.49) 96.8%, oklch(50.39% 0.0620 192.84) 100.0%);

In these collections

Charcoal plum tailoring

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works