Skip to content

Grabient palettes

Champagne, violet and lime composition notebook doodles

Rainbow from gray to green color palette

The Champagne, violet and lime composition notebook doodles brings together pale orange, blue, purple, magenta, and green. Linear gradient, 32 colors at 135°: #f0e2c5, #213468, #7748b0, #e24da0, #a7d249. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #f0e2c5
  • #d9d5b3
  • #b5c19e
  • #88aa8c
  • #589082
  • #2d757b
  • #135a75
  • #17436d
  • #213468
  • #292d68
  • #322b6d
  • #3b2e77
  • #453383
  • #503a91
  • #5c419f
  • #6946aa
  • #7748b0
  • #8449b5
  • #924ab9
  • #a14bbb
  • #b04bbb
  • #c04cb7
  • #d14caf
  • #e24da0
  • #f25189
  • #ff5b67
  • #ff7240
  • #f78a00
  • #e5a300
  • #d2b700
  • #bcc71c
  • #a7d249

CSS

background: linear-gradient(135deg in oklch, oklch(91.73% 0.0413 86.48) 0.0%, oklch(86.64% 0.0453 101.64) 3.2%, oklch(79.28% 0.0505 122.96) 6.5%, oklch(70.48% 0.0567 148.42) 9.7%, oklch(61.07% 0.0637 175.96) 12.9%, oklch(51.90% 0.0711 203.55) 16.1%, oklch(43.79% 0.0789 229.14) 19.4%, oklch(37.57% 0.0866 250.69) 22.6%, oklch(34.04% 0.0942 266.23) 25.8%, oklch(32.96% 0.1022 276.53) 29.0%, oklch(33.70% 0.1107 283.13) 32.3%, oklch(35.79% 0.1196 287.05) 35.5%, oklch(38.77% 0.1285 289.31) 38.7%, oklch(42.18% 0.1372 290.93) 41.9%, oklch(45.57% 0.1456 292.93) 45.2%, oklch(48.48% 0.1535 296.34) 48.4%, oklch(50.60% 0.1607 301.71) 51.6%, oklch(52.61% 0.1681 307.01) 54.8%, oklch(54.64% 0.1755 312.19) 58.1%, oklch(56.69% 0.1826 317.64) 61.3%, oklch(58.74% 0.1891 323.74) 64.5%, oklch(60.79% 0.1945 330.88) 67.7%, oklch(62.83% 0.1986 339.46) 71.0%, oklch(64.85% 0.2009 349.86) 74.2%, oklch(66.92% 0.2010 3.04) 77.4%, oklch(69.15% 0.1985 19.93) 80.6%, oklch(71.45% 0.1841 39.25) 83.9%, oklch(73.74% 0.1736 59.63) 87.1%, oklch(75.90% 0.1573 79.75) 90.3%, oklch(77.85% 0.1610 98.24) 93.5%, oklch(79.48% 0.1726 113.73) 96.8%, oklch(80.71% 0.1695 124.88) 100.0%);

In these collections

Composition notebook doodles

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works