Skip to content

Grabient palettes

Lilac and sage hydrangea ribbon boutonniere palette

Pink, purple, blue and green color palette

The Lilac and sage hydrangea ribbon boutonniere palette brings together light magenta, purple, blue, and green. Linear gradient, 32 colors at 90°: #da98c9, #aa59d4, #5a32ab, #333873, #4d6851. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

  • #da98c9
  • #d893cb
  • #d58bcd
  • #d083d1
  • #ca7ad4
  • #c371d6
  • #bb69d7
  • #b361d6
  • #aa59d4
  • #a151d1
  • #974ace
  • #8d44ca
  • #833fc5
  • #783bbf
  • #6d37b9
  • #6334b2
  • #5a32ab
  • #522fa4
  • #4b2d9c
  • #442d94
  • #3e2e8d
  • #373085
  • #34347c
  • #333873
  • #323c6a
  • #324163
  • #32465f
  • #314d5e
  • #31565d
  • #375e5a
  • #426455
  • #4d6851

CSS

background: linear-gradient(90deg in oklch, oklch(75.98% 0.1006 336.09) 0.0%, oklch(74.89% 0.1100 333.81) 3.2%, oklch(73.39% 0.1235 330.54) 6.5%, oklch(71.59% 0.1389 326.77) 9.7%, oklch(69.64% 0.1540 322.98) 12.9%, oklch(67.65% 0.1664 319.66) 16.1%, oklch(65.63% 0.1758 317.03) 19.4%, oklch(63.46% 0.1839 314.76) 22.6%, oklch(61.19% 0.1907 312.66) 25.8%, oklch(58.89% 0.1958 310.58) 29.0%, oklch(56.64% 0.1992 308.36) 32.3%, oklch(54.44% 0.2003 305.88) 35.5%, oklch(52.20% 0.1994 303.21) 38.7%, oklch(49.96% 0.1966 300.46) 41.9%, oklch(47.81% 0.1925 297.72) 45.2%, oklch(45.81% 0.1874 295.08) 48.4%, oklch(43.98% 0.1818 292.67) 51.6%, oklch(42.19% 0.1757 290.71) 54.8%, oklch(40.51% 0.1687 288.89) 58.1%, oklch(39.05% 0.1602 286.89) 61.3%, oklch(37.92% 0.1500 284.36) 64.5%, oklch(37.22% 0.1373 281.11) 67.7%, oklch(36.87% 0.1197 278.67) 71.0%, oklch(36.84% 0.0992 276.29) 74.2%, oklch(37.14% 0.0787 272.48) 77.4%, oklch(37.78% 0.0612 265.75) 80.6%, oklch(38.78% 0.0496 254.55) 83.9%, oklch(40.48% 0.0443 235.95) 87.1%, oklch(42.76% 0.0435 211.96) 90.3%, oklch(45.18% 0.0450 186.72) 93.5%, oklch(47.35% 0.0473 164.37) 96.8%, oklch(48.82% 0.0482 149.05) 100.0%);

In these collections

Hydrangea ribbon boutonniere

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works