Skip to content

Grabient palettes

Cobalt blue and turquoise jacaranda first bloom

Pastel rainbow color palette

The Cobalt blue and turquoise jacaranda first bloom brings together blue, magenta, red, light orange, light yellow, light green, and light teal. Radial gradient, 32 colors: #526da5, #a17980, #d4ad7d, #b8d5a1, #6dd5d5. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

  • #526da5
  • #5c6ca2
  • #686b9b
  • #726b94
  • #7a6c8c
  • #826e88
  • #8a7086
  • #957484
  • #a17980
  • #ac7e7c
  • #b48578
  • #bb8b76
  • #c19276
  • #c89978
  • #ce9f79
  • #d2a67b
  • #d4ad7d
  • #d4b480
  • #d2bb85
  • #cfc28a
  • #cbc890
  • #c6cd96
  • #c0d19b
  • #b8d5a1
  • #afd8a7
  • #a6daae
  • #9cdbb5
  • #91dbbc
  • #86dac4
  • #7bd8ca
  • #73d6d0
  • #6dd5d5

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(53.94% 0.0937 263.67) 0.0%, oklch(54.19% 0.0864 270.81) 3.2%, oklch(54.48% 0.0755 280.64) 6.5%, oklch(54.90% 0.0635 292.40) 9.7%, oklch(55.54% 0.0528 305.29) 12.9%, oklch(56.50% 0.0461 318.55) 16.1%, oklch(57.88% 0.0446 332.68) 19.4%, oklch(59.66% 0.0471 348.90) 22.6%, oklch(61.69% 0.0518 5.74) 25.8%, oklch(63.82% 0.0573 21.69) 29.0%, oklch(65.89% 0.0622 35.22) 32.3%, oklch(67.83% 0.0656 45.04) 35.5%, oklch(69.84% 0.0692 51.63) 38.7%, oklch(71.84% 0.0727 56.33) 41.9%, oklch(73.78% 0.0757 60.46) 45.2%, oklch(75.57% 0.0779 65.37) 48.4%, oklch(77.15% 0.0788 72.10) 51.6%, oklch(78.62% 0.0780 79.78) 54.8%, oklch(79.96% 0.0763 87.97) 58.1%, oklch(81.15% 0.0744 96.48) 61.3%, oklch(82.14% 0.0732 105.09) 64.5%, oklch(82.91% 0.0732 113.65) 67.7%, oklch(83.44% 0.0743 122.45) 71.0%, oklch(83.78% 0.0761 131.46) 74.2%, oklch(83.94% 0.0783 140.45) 77.4%, oklch(83.95% 0.0807 149.23) 80.6%, oklch(83.83% 0.0831 157.61) 83.9%, oklch(83.45% 0.0858 166.27) 87.1%, oklch(82.84% 0.0889 175.08) 90.3%, oklch(82.15% 0.0919 183.33) 93.5%, oklch(81.52% 0.0946 190.32) 96.8%, oklch(81.10% 0.0965 195.34) 100.0%);

In these collections

Jacaranda first bloom

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works