Skip to content

Grabient palettes

Rose, indigo and emerald sequined feather costume

Vivid pink, purple, blue and teal color palette

The Rose, indigo and emerald sequined feather costume brings together red, magenta, purple, blue, teal, and green. Linear gradient, 32 colors at 90°: #d63767, #9c1fae, #4b4bd6, #1390c4, #33cd7e. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

  • #d63767
  • #d3326e
  • #cf2d77
  • #c82781
  • #c0238c
  • #b92095
  • #b01f9e
  • #a61ea6
  • #9c1fae
  • #9321b6
  • #8824be
  • #7d28c4
  • #722eca
  • #6834cf
  • #5e3bd2
  • #5443d5
  • #4b4bd6
  • #4054d7
  • #355dd6
  • #2d67d3
  • #2a71d0
  • #297bcc
  • #2385c8
  • #1390c4
  • #009bbd
  • #03a4b5
  • #1badac
  • #27b4a5
  • #25bc9e
  • #22c394
  • #27c988
  • #33cd7e

CSS

background: linear-gradient(90deg in oklch, oklch(59.06% 0.1970 7.73) 0.0%, oklch(58.37% 0.1998 3.93) 3.2%, oklch(57.39% 0.2039 358.53) 6.5%, oklch(56.27% 0.2083 352.28) 9.7%, oklch(55.16% 0.2122 345.97) 12.9%, oklch(54.15% 0.2151 340.13) 16.1%, oklch(53.08% 0.2176 334.25) 19.4%, oklch(52.01% 0.2196 328.27) 22.6%, oklch(51.06% 0.2211 322.22) 25.8%, oklch(50.30% 0.2219 316.14) 29.0%, oklch(49.67% 0.2225 309.86) 32.3%, oklch(49.17% 0.2226 303.46) 35.5%, oklch(48.85% 0.2218 297.16) 38.7%, oklch(48.78% 0.2199 291.16) 41.9%, oklch(49.01% 0.2168 285.68) 45.2%, oklch(49.48% 0.2128 280.66) 48.4%, oklch(50.19% 0.2076 275.84) 51.6%, oklch(51.14% 0.2006 270.98) 54.8%, oklch(52.34% 0.1913 265.89) 58.1%, oklch(53.87% 0.1777 261.36) 61.3%, oklch(55.67% 0.1618 256.90) 64.5%, oklch(57.61% 0.1462 251.54) 67.7%, oklch(59.57% 0.1337 244.29) 71.0%, oklch(61.56% 0.1247 234.00) 74.2%, oklch(63.70% 0.1168 221.04) 77.4%, oklch(65.84% 0.1125 207.19) 80.6%, oklch(67.86% 0.1115 194.31) 83.9%, oklch(69.64% 0.1157 183.90) 87.1%, oklch(71.36% 0.1276 174.72) 90.3%, oklch(72.93% 0.1436 166.66) 93.5%, oklch(74.26% 0.1591 160.07) 96.8%, oklch(75.20% 0.1695 155.33) 100.0%);

In these collections

Sequined feather costume

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works