Skip to content

Grabient palettes

Champagne, violet and lime composition notebook doodles

Rainbow from beige to yellow color palette

The Champagne, violet and lime composition notebook doodles brings together pale orange, purple, green, and light green. Linear gradient, 32 colors at 135°: #eee3c9, #442a75, #7c5ec1, #95d144, #d2e77c. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #eee3c9
  • #e5d0b5
  • #d8b49c
  • #c79387
  • #af727b
  • #925577
  • #724076
  • #563175
  • #442a75
  • #3f2877
  • #43297b
  • #4e2d81
  • #5d3388
  • #6d3b91
  • #7a459c
  • #8150ac
  • #7c5ec1
  • #6871d7
  • #338ae5
  • #00a2ce
  • #00b4b8
  • #00c69c
  • #53d16c
  • #95d144
  • #b6d22e
  • #c9d32d
  • #d2d63b
  • #d5da4c
  • #d4de5c
  • #d2e26a
  • #d1e575
  • #d2e77c

CSS

background: linear-gradient(135deg in oklch, oklch(91.73% 0.0358 87.89) 0.0%, oklch(86.79% 0.0431 74.75) 3.2%, oklch(79.62% 0.0533 56.01) 6.5%, oklch(71.06% 0.0654 33.63) 9.7%, oklch(61.92% 0.0786 9.56) 12.9%, oklch(53.03% 0.0919 345.78) 16.1%, oklch(45.22% 0.1043 324.24) 19.4%, oklch(39.31% 0.1150 306.90) 22.6%, oklch(36.08% 0.1230 295.73) 25.8%, oklch(35.25% 0.1288 291.72) 29.0%, oklch(36.20% 0.1330 293.15) 32.3%, oklch(38.49% 0.1361 297.87) 35.5%, oklch(41.72% 0.1385 303.72) 38.7%, oklch(45.47% 0.1406 308.55) 41.9%, oklch(49.31% 0.1428 310.22) 45.2%, oklch(52.82% 0.1457 306.56) 48.4%, oklch(55.79% 0.1495 295.49) 51.6%, oklch(59.04% 0.1546 276.89) 54.8%, oklch(62.59% 0.1604 252.88) 58.1%, oklch(66.28% 0.1264 225.71) 61.3%, oklch(69.96% 0.1190 197.57) 64.5%, oklch(73.47% 0.1443 170.73) 67.7%, oklch(76.65% 0.1796 147.42) 71.0%, oklch(79.34% 0.1806 129.87) 74.2%, oklch(81.49% 0.1790 119.19) 77.4%, oklch(83.26% 0.1747 113.26) 80.6%, oklch(84.72% 0.1683 110.96) 83.9%, oklch(85.92% 0.1608 111.28) 87.1%, oklch(86.89% 0.1529 113.17) 90.3%, oklch(87.69% 0.1455 115.64) 93.5%, oklch(88.37% 0.1393 117.65) 96.8%, oklch(88.98% 0.1350 118.18) 100.0%);

In these collections

Composition notebook doodles

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works