Skip to content

Grabient palettes

Rose, cobalt blue and emerald blackberry bramble

Vivid purple, blue and green color palette

The Rose, cobalt blue and emerald blackberry bramble brings together red, magenta, purple, blue, teal, and green. Linear gradient, 32 colors at 135°: #a42153, #5c18ab, #193bcf, #006fa8, #4aa24b. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

  • #a42153
  • #a01d5c
  • #981a67
  • #8e1773
  • #84167f
  • #7b168a
  • #711696
  • #6616a1
  • #5c18ab
  • #521ab3
  • #481cba
  • #3f1fc1
  • #3623c6
  • #2d29ca
  • #242fcd
  • #1d35ce
  • #193bcf
  • #1441ce
  • #0a49cb
  • #0d50c6
  • #1657bf
  • #1a5fb8
  • #1566b1
  • #006fa8
  • #00789c
  • #018093
  • #1e8689
  • #298c82
  • #2a9379
  • #2e9a6c
  • #3b9f5b
  • #4aa24b

CSS

background: linear-gradient(135deg in oklch, oklch(48.03% 0.1695 3.52) 0.0%, oklch(47.23% 0.1714 357.65) 3.2%, oklch(46.06% 0.1739 349.26) 6.5%, oklch(44.79% 0.1772 339.69) 9.7%, oklch(43.68% 0.1813 330.22) 12.9%, oklch(42.90% 0.1863 321.73) 16.1%, oklch(42.28% 0.1927 313.06) 19.4%, oklch(41.80% 0.1998 304.49) 22.6%, oklch(41.48% 0.2068 296.54) 25.8%, oklch(41.33% 0.2130 289.71) 29.0%, oklch(41.36% 0.2194 283.98) 32.3%, oklch(41.56% 0.2259 279.10) 35.5%, oklch(41.91% 0.2312 274.95) 38.7%, oklch(42.37% 0.2340 271.43) 41.9%, oklch(42.94% 0.2340 268.67) 45.2%, oklch(43.67% 0.2320 266.98) 48.4%, oklch(44.50% 0.2277 265.79) 51.6%, oklch(45.40% 0.2206 264.48) 54.8%, oklch(46.33% 0.2101 262.55) 58.1%, oklch(47.29% 0.1944 261.25) 61.3%, oklch(48.30% 0.1753 259.96) 64.5%, oklch(49.40% 0.1557 257.22) 67.7%, oklch(50.60% 0.1385 251.57) 71.0%, oklch(51.97% 0.1224 241.59) 74.2%, oklch(53.48% 0.1041 227.86) 77.4%, oklch(55.05% 0.0960 212.50) 80.6%, oklch(56.62% 0.0888 197.65) 83.9%, oklch(58.13% 0.0901 184.97) 87.1%, oklch(59.76% 0.1022 172.55) 90.3%, oklch(61.38% 0.1202 160.78) 93.5%, oklch(62.79% 0.1382 150.79) 96.8%, oklch(63.78% 0.1502 143.71) 100.0%);

In these collections

Blackberry bramble

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works