Skip to content

Grabient palettes

Amethyst Ruby Velvet Glow

Deep amethyst rises smoothly through vivid violet into saturated ruby-magenta, creating a dark-to-bright jewel gradient with a soft… #44173f, #c94a73, #255c91.

32 colors, 5 editable OKLCH keyframes.

  • #44173f
  • #4b1844
  • #551a4b
  • #621c52
  • #701e5a
  • #802061
  • #8e2267
  • #9b246b
  • #a6276d
  • #af2b6e
  • #b72f6c
  • #be356a
  • #c33a68
  • #c74067
  • #c94468
  • #ca486c
  • #c94a73
  • #c54c7d
  • #bf4e89
  • #b65096
  • #aa52a1
  • #9d54ab
  • #9057b1
  • #8359b4
  • #765bb5
  • #695cb3
  • #5c5daf
  • #4e5da9
  • #425da2
  • #365d9c
  • #2d5c95
  • #255c91

CSS

background: linear-gradient(225deg in oklch, oklch(29.13% 0.0896 331.88) 0.0%, oklch(30.82% 0.0970 333.43) 3.2%, oklch(33.14% 0.1076 335.54) 6.5%, oklch(35.92% 0.1202 338.05) 9.7%, oklch(38.94% 0.1338 340.82) 12.9%, oklch(42.03% 0.1472 343.69) 16.1%, oklch(44.98% 0.1592 346.51) 19.4%, oklch(47.59% 0.1688 349.14) 22.6%, oklch(49.69% 0.1748 351.48) 25.8%, oklch(51.54% 0.1777 354.39) 29.0%, oklch(53.24% 0.1785 357.87) 32.3%, oklch(54.79% 0.1775 1.45) 35.5%, oklch(56.15% 0.1754 4.63) 38.7%, oklch(57.29% 0.1725 6.93) 41.9%, oklch(58.20% 0.1694 7.88) 45.2%, oklch(58.84% 0.1665 6.98) 48.4%, oklch(59.18% 0.1642 3.74) 51.6%, oklch(59.17% 0.1618 358.00) 54.8%, oklch(58.85% 0.1590 350.28) 58.1%, oklch(58.28% 0.1560 341.19) 61.3%, oklch(57.54% 0.1527 331.34) 64.5%, oklch(56.69% 0.1492 321.31) 67.7%, oklch(55.80% 0.1454 311.71) 71.0%, oklch(54.93% 0.1415 303.14) 74.2%, oklch(54.04% 0.1373 295.56) 77.4%, oklch(52.96% 0.1323 287.84) 80.6%, oklch(51.75% 0.1268 280.16) 83.9%, oklch(50.48% 0.1211 272.74) 87.1%, oklch(49.24% 0.1156 265.82) 90.3%, oklch(48.10% 0.1106 259.65) 93.5%, oklch(47.15% 0.1064 254.47) 96.8%, oklch(46.46% 0.1033 250.51) 100.0%);

In these collections

Jewel tones

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works