Skip to content

Grabient palettes

Blue discord server banner palette

Monochrome dark purple to gray color palette

This palette moves from purple through blue to light blue. It steadily lightens across a broad lightness range, combining restrained color with clear contrast. Linear gradient, 32 colors at 90°: #362f46, #524c6c, #77759b, #999dbe, #bac2da. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

  • #362f46
  • #383149
  • #3b344c
  • #3e3750
  • #423b55
  • #453f5a
  • #494360
  • #4e4765
  • #524c6c
  • #575172
  • #5c5678
  • #605c7e
  • #656185
  • #6a668b
  • #6e6b91
  • #727096
  • #77759b
  • #7b7aa0
  • #8080a5
  • #8486aa
  • #898baf
  • #8e91b4
  • #9497b9
  • #999dbe
  • #9ea3c3
  • #a3a8c7
  • #a8aecb
  • #acb3cf
  • #b0b7d2
  • #b4bbd5
  • #b8bfd8
  • #bac2da

CSS

background: linear-gradient(90deg in oklch, oklch(32.28% 0.0413 298.13) 0.0%, oklch(33.18% 0.0420 297.71) 3.2%, oklch(34.27% 0.0429 297.21) 6.5%, oklch(35.53% 0.0441 296.64) 9.7%, oklch(36.93% 0.0454 296.00) 12.9%, oklch(38.46% 0.0468 295.31) 16.1%, oklch(40.10% 0.0483 294.57) 19.4%, oklch(41.82% 0.0498 293.78) 22.6%, oklch(43.61% 0.0514 292.96) 25.8%, oklch(45.45% 0.0528 292.12) 29.0%, oklch(47.31% 0.0542 291.25) 32.3%, oklch(49.17% 0.0554 290.38) 35.5%, oklch(51.02% 0.0564 289.50) 38.7%, oklch(52.84% 0.0572 288.62) 41.9%, oklch(54.60% 0.0577 287.76) 45.2%, oklch(56.28% 0.0579 286.91) 48.4%, oklch(57.89% 0.0577 286.08) 51.6%, oklch(59.57% 0.0572 285.20) 54.8%, oklch(61.31% 0.0563 284.25) 58.1%, oklch(63.11% 0.0551 283.27) 61.3%, oklch(64.93% 0.0536 282.26) 64.5%, oklch(66.77% 0.0520 281.22) 67.7%, oklch(68.60% 0.0502 280.19) 71.0%, oklch(70.40% 0.0484 279.16) 74.2%, oklch(72.15% 0.0464 278.15) 77.4%, oklch(73.84% 0.0445 277.18) 80.6%, oklch(75.44% 0.0427 276.25) 83.9%, oklch(76.94% 0.0409 275.38) 87.1%, oklch(78.31% 0.0393 274.59) 90.3%, oklch(79.54% 0.0379 273.88) 93.5%, oklch(80.61% 0.0367 273.27) 96.8%, oklch(81.50% 0.0358 272.76) 100.0%);

In these collections

Discord server banner gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works