Skip to content

Grabient palettes

Charcoal, rose and navy composition notebook doodles

Dark gray, pink, purple and navy color palette

The Charcoal, rose and navy composition notebook doodles brings together dark gray, light magenta, magenta, and blue. Radial gradient, 32 colors: #32313b, #f79ac0, #de4695, #35609e, #1b315b. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #32313b
  • #3e3b4a
  • #51495e
  • #6b5a76
  • #8a6c8e
  • #ab7da3
  • #cb8cb3
  • #e596bd
  • #f79ac0
  • #ff9abd
  • #ff96b5
  • #ff8baa
  • #ff7a9d
  • #fd6592
  • #f5578c
  • #ea4b8d
  • #de4695
  • #cd47a4
  • #b54db4
  • #9954be
  • #7b5bc0
  • #5f60b9
  • #4761ac
  • #35609e
  • #2a5c92
  • #235687
  • #204f7d
  • #1e4874
  • #1e416c
  • #1d3a65
  • #1c355f
  • #1b315b

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(31.89% 0.0179 289.69) 0.0%, oklch(36.09% 0.0258 295.20) 3.2%, oklch(42.17% 0.0365 303.03) 6.5%, oklch(49.44% 0.0492 312.39) 9.7%, oklch(57.20% 0.0632 322.46) 12.9%, oklch(64.75% 0.0779 332.47) 16.1%, oklch(71.39% 0.0925 341.60) 19.4%, oklch(76.43% 0.1063 349.07) 22.6%, oklch(79.20% 0.1188 354.16) 25.8%, oklch(79.89% 0.1272 358.15) 29.0%, oklch(79.04% 0.1305 1.51) 32.3%, oklch(77.03% 0.1439 3.97) 35.5%, oklch(74.27% 0.1650 5.23) 38.7%, oklch(71.12% 0.1883 5.03) 41.9%, oklch(67.99% 0.1973 3.08) 45.2%, oklch(65.27% 0.2021 359.10) 48.4%, oklch(63.19% 0.2015 352.50) 51.6%, oklch(61.21% 0.1948 341.74) 54.8%, oklch(59.21% 0.1834 327.78) 58.1%, oklch(57.19% 0.1689 311.99) 61.3%, oklch(55.15% 0.1528 295.71) 64.5%, oklch(53.09% 0.1367 280.31) 67.7%, oklch(51.02% 0.1223 267.14) 71.0%, oklch(48.95% 0.1110 257.55) 74.2%, oklch(46.79% 0.1034 252.30) 77.4%, oklch(44.42% 0.0974 250.21) 80.6%, oklch(41.94% 0.0926 250.50) 83.9%, oklch(39.48% 0.0889 252.44) 87.1%, oklch(37.12% 0.0860 255.32) 90.3%, oklch(35.00% 0.0837 258.39) 93.5%, oklch(33.22% 0.0818 260.93) 96.8%, oklch(31.89% 0.0799 262.21) 100.0%);

In these collections

Composition notebook doodles

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works