Skip to content

Grabient palettes

Navy, lime and aubergine composition notebook doodles

Navy, yellow, blue and purple color palette

The Navy, lime and aubergine composition notebook doodles brings together blue, light green, green, and purple. Linear gradient, 32 colors at 180°: #24314c, #d8e97a, #87d24e, #7f5abb, #482b75. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #24314c
  • #26405d
  • #255872
  • #237785
  • #329890
  • #5bb791
  • #8cd08b
  • #b9e082
  • #d8e97a
  • #eaeb70
  • #f3e963
  • #f5e454
  • #efde42
  • #e1d930
  • #ccd427
  • #b0d232
  • #87d24e
  • #33d078
  • #00c1a6
  • #00b0be
  • #009dd5
  • #4783e3
  • #706bd2
  • #7f5abb
  • #824ea8
  • #7e4599
  • #753e8f
  • #6b3887
  • #603482
  • #56317d
  • #4d2e79
  • #482b75

CSS

background: linear-gradient(180deg in oklch, oklch(31.50% 0.0524 264.37) 0.0%, oklch(36.58% 0.0593 251.58) 3.2%, oklch(43.89% 0.0687 233.29) 6.5%, oklch(52.62% 0.0801 211.44) 9.7%, oklch(61.98% 0.0924 187.97) 12.9%, oklch(71.16% 0.1051 164.82) 16.1%, oklch(79.36% 0.1173 143.91) 19.4%, oklch(85.80% 0.1282 127.18) 22.6%, oklch(89.70% 0.1371 116.40) 25.8%, oklch(91.47% 0.1453 109.33) 29.0%, oklch(91.71% 0.1533 104.72) 32.3%, oklch(90.73% 0.1607 102.66) 35.5%, oklch(88.85% 0.1674 103.21) 38.7%, oklch(86.41% 0.1730 106.47) 41.9%, oklch(83.72% 0.1772 112.52) 45.2%, oklch(81.10% 0.1799 121.44) 48.4%, oklch(78.72% 0.1806 133.95) 51.6%, oklch(75.89% 0.1790 153.15) 54.8%, oklch(72.61% 0.1341 177.55) 58.1%, oklch(69.05% 0.1179 204.93) 61.3%, oklch(65.35% 0.1351 233.04) 64.5%, oklch(61.68% 0.1589 259.63) 67.7%, oklch(58.19% 0.1532 282.49) 71.0%, oklch(55.05% 0.1484 299.39) 74.2%, oklch(52.23% 0.1445 309.08) 77.4%, oklch(49.45% 0.1405 313.54) 80.6%, oklch(46.74% 0.1366 314.01) 83.9%, oklch(44.18% 0.1327 311.70) 87.1%, oklch(41.82% 0.1292 307.77) 90.3%, oklch(39.73% 0.1260 303.42) 93.5%, oklch(37.98% 0.1233 299.83) 96.8%, oklch(36.61% 0.1213 298.19) 100.0%);

In these collections

Composition notebook doodles

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works