Skip to content

Grabient palettes

Violet, turquoise and emerald jacaranda first bloom

Vivid purple, blue, teal and green color palette

The Violet, turquoise and emerald jacaranda first bloom brings together purple, blue, teal, green, and light green. Radial gradient, 32 colors: #b748df, #796ad7, #449fc4, #42c6ae, #6fda93. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

  • #b748df
  • #b24bdf
  • #ab4ede
  • #a351dd
  • #9a55db
  • #9159da
  • #895ed9
  • #8164d8
  • #796ad7
  • #7170d5
  • #6a76d3
  • #637dd0
  • #5c83ce
  • #5589cc
  • #4e90ca
  • #4898c7
  • #449fc4
  • #42a5c0
  • #43abbd
  • #44b1ba
  • #44b6b7
  • #42bcb5
  • #41c1b2
  • #42c6ae
  • #45cbaa
  • #4bcea6
  • #53d1a2
  • #5ad49e
  • #61d69b
  • #67d898
  • #6bd995
  • #6fda93

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(61.42% 0.2301 315.70) 0.0%, oklch(61.06% 0.2249 313.78) 3.2%, oklch(60.52% 0.2177 311.27) 6.5%, oklch(59.90% 0.2092 308.24) 9.7%, oklch(59.32% 0.1999 304.74) 12.9%, oklch(58.86% 0.1903 300.81) 16.1%, oklch(58.66% 0.1809 296.52) 19.4%, oklch(58.74% 0.1716 291.89) 22.6%, oklch(59.00% 0.1614 286.89) 25.8%, oklch(59.42% 0.1509 281.48) 29.0%, oklch(59.98% 0.1405 275.64) 32.3%, oklch(60.66% 0.1309 269.34) 35.5%, oklch(61.46% 0.1227 262.55) 38.7%, oklch(62.39% 0.1161 255.11) 41.9%, oklch(63.53% 0.1103 246.62) 45.2%, oklch(64.82% 0.1053 237.45) 48.4%, oklch(66.20% 0.1015 228.05) 51.6%, oklch(67.59% 0.0989 218.88) 54.8%, oklch(68.93% 0.0977 210.38) 58.1%, oklch(70.17% 0.0983 202.94) 61.3%, oklch(71.40% 0.1015 196.10) 64.5%, oklch(72.63% 0.1065 189.71) 67.7%, oklch(73.83% 0.1127 183.80) 71.0%, oklch(74.97% 0.1190 178.37) 74.2%, oklch(76.02% 0.1247 173.45) 77.4%, oklch(76.95% 0.1289 169.03) 80.6%, oklch(77.79% 0.1321 165.15) 83.9%, oklch(78.56% 0.1348 161.78) 87.1%, oklch(79.25% 0.1371 158.91) 90.3%, oklch(79.84% 0.1391 156.50) 93.5%, oklch(80.33% 0.1407 154.52) 96.8%, oklch(80.71% 0.1419 152.96) 100.0%);

In these collections

Jacaranda first bloom

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works