Skip to content

Grabient palettes

Indigo, violet and rose composition notebook doodles

Analogous blue, purple and pink color palette

The Indigo, violet and rose composition notebook doodles brings together blue, purple, and magenta. Radial gradient, 32 colors: #1d2eb3, #3834b1, #7647ad, #ad5ba8, #c872a2. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #1d2eb3
  • #1f2eb3
  • #212fb3
  • #232fb2
  • #2630b2
  • #2930b2
  • #2d31b1
  • #3232b1
  • #3834b1
  • #3f36b1
  • #4738b1
  • #4f3ab0
  • #573cb0
  • #5f3faf
  • #6742ae
  • #6f44ad
  • #7647ad
  • #7e4aad
  • #874cac
  • #8f4fac
  • #9852ab
  • #a055aa
  • #a758a9
  • #ad5ba8
  • #b35ea7
  • #b761a6
  • #bb65a5
  • #bf68a4
  • #c26ba4
  • #c46da3
  • #c770a3
  • #c872a2

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(39.76% 0.2067 267.89) 0.0%, oklch(39.88% 0.2056 268.35) 3.2%, oklch(39.99% 0.2043 268.83) 6.5%, oklch(40.11% 0.2027 269.39) 9.7%, oklch(40.28% 0.2009 270.10) 12.9%, oklch(40.52% 0.1988 271.04) 16.1%, oklch(40.85% 0.1964 272.26) 19.4%, oklch(41.30% 0.1937 273.83) 22.6%, oklch(41.90% 0.1908 275.83) 25.8%, oklch(42.64% 0.1872 278.31) 29.0%, oklch(43.52% 0.1830 281.21) 32.3%, oklch(44.50% 0.1786 284.44) 35.5%, oklch(45.56% 0.1740 287.90) 38.7%, oklch(46.68% 0.1694 291.52) 41.9%, oklch(47.84% 0.1652 295.20) 45.2%, oklch(49.02% 0.1615 298.86) 48.4%, oklch(50.21% 0.1584 302.47) 51.6%, oklch(51.50% 0.1560 306.32) 54.8%, oklch(52.87% 0.1539 310.37) 58.1%, oklch(54.29% 0.1522 314.49) 61.3%, oklch(55.71% 0.1506 318.59) 64.5%, oklch(57.09% 0.1490 322.53) 67.7%, oklch(58.39% 0.1473 326.20) 71.0%, oklch(59.57% 0.1452 329.49) 74.2%, oklch(60.63% 0.1428 332.38) 77.4%, oklch(61.66% 0.1400 335.06) 80.6%, oklch(62.62% 0.1369 337.52) 83.9%, oklch(63.52% 0.1338 339.75) 87.1%, oklch(64.34% 0.1308 341.74) 90.3%, oklch(65.06% 0.1280 343.46) 93.5%, oklch(65.67% 0.1257 344.92) 96.8%, oklch(66.14% 0.1240 346.09) 100.0%);

In these collections

Composition notebook doodles

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works