Skip to content

Grabient palettes

Lavender and emerald jacaranda first bloom palette

Tritone lavender, blue and teal color palette

The Lavender and emerald jacaranda first bloom palette brings together light purple, purple, blue, teal, and green. Linear gradient, 32 colors at 90°: #c996e0, #a971d5, #7864b6, #547794, #579e74. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

  • #c996e0
  • #c793e0
  • #c48edf
  • #c188de
  • #bd83dd
  • #b97ddc
  • #b479da
  • #af75d7
  • #a971d5
  • #a46ed2
  • #9e6bce
  • #9869cb
  • #9267c7
  • #8b65c3
  • #8564be
  • #7f64ba
  • #7864b6
  • #7365b0
  • #6f66aa
  • #6a68a4
  • #656a9f
  • #5f6e9c
  • #597298
  • #547794
  • #537b8f
  • #54808a
  • #558487
  • #548986
  • #529084
  • #51967f
  • #539b7a
  • #579e74

CSS

background: linear-gradient(90deg in oklch, oklch(74.80% 0.1171 315.00) 0.0%, oklch(73.99% 0.1215 314.63) 3.2%, oklch(72.84% 0.1279 314.15) 6.5%, oklch(71.49% 0.1350 313.55) 9.7%, oklch(70.08% 0.1418 312.82) 12.9%, oklch(68.72% 0.1468 311.98) 16.1%, oklch(67.43% 0.1499 311.03) 19.4%, oklch(66.11% 0.1520 309.99) 22.6%, oklch(64.78% 0.1530 308.82) 25.8%, oklch(63.46% 0.1531 307.50) 29.0%, oklch(62.21% 0.1521 306.02) 32.3%, oklch(61.02% 0.1501 304.41) 35.5%, oklch(59.82% 0.1470 302.77) 38.7%, oklch(58.67% 0.1429 300.97) 41.9%, oklch(57.61% 0.1378 298.89) 45.2%, oklch(56.69% 0.1316 296.38) 48.4%, oklch(55.95% 0.1242 293.50) 51.6%, oklch(55.30% 0.1146 291.01) 54.8%, oklch(54.79% 0.1038 288.31) 58.1%, oklch(54.43% 0.0927 284.57) 61.3%, oklch(54.29% 0.0827 278.97) 64.5%, oklch(54.40% 0.0746 270.62) 67.7%, oklch(54.79% 0.0669 258.69) 71.0%, oklch(55.40% 0.0597 244.35) 74.2%, oklch(56.19% 0.0540 229.13) 77.4%, oklch(57.09% 0.0509 214.56) 80.6%, oklch(58.04% 0.0514 202.15) 83.9%, oklch(59.23% 0.0573 190.86) 87.1%, oklch(60.64% 0.0673 180.10) 90.3%, oklch(62.07% 0.0789 170.42) 93.5%, oklch(63.31% 0.0894 162.36) 96.8%, oklch(64.17% 0.0965 156.49) 100.0%);

In these collections

Jacaranda first bloom

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works