Blue and gold jacaranda first bloom palette

Analogous navy, lavender and gray color palette

The Blue and gold jacaranda first bloom palette brings together blue, light magenta, and light orange. Linear gradient, 32 colors at 45°: #25313d, #475f83, #8088c2, #b5a7c8, #d3c0a2. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#25313d
#273542
#2a3a4a
#2e4052
#32465c
#374d66
#3c5370
#415979
#475f83
#4d648c
#546a96
#5b6f9f
#6374a7
#6a79af
#727eb6
#7983bc
#8088c2
#888dc7
#9092cb
#9996cd
#a19acd
#a89fcc
#aea3ca
#b5a7c8
#bbabc5
#c1aec3
#c9b0bf
#d0b2b9
#d6b4b1
#d7b8a9
#d6bca4
#d3c0a2

CSS

background: linear-gradient(45deg in oklch, oklch(30.71% 0.0276 248.20) 0.0%, oklch(32.11% 0.0306 248.76) 3.2%, oklch(34.04% 0.0348 249.44) 6.5%, oklch(36.32% 0.0399 250.29) 9.7%, oklch(38.80% 0.0453 251.33) 12.9%, oklch(41.30% 0.0506 252.62) 16.1%, oklch(43.66% 0.0556 254.19) 19.4%, oklch(45.84% 0.0602 256.13) 22.6%, oklch(48.04% 0.0651 258.48) 25.8%, oklch(50.25% 0.0700 261.12) 29.0%, oklch(52.44% 0.0746 263.90) 32.3%, oklch(54.59% 0.0786 266.70) 35.5%, oklch(56.67% 0.0817 269.38) 38.7%, oklch(58.68% 0.0839 271.78) 41.9%, oklch(60.64% 0.0857 273.77) 45.2%, oklch(62.57% 0.0868 275.59) 48.4%, oklch(64.43% 0.0872 277.55) 51.6%, oklch(66.22% 0.0866 279.90) 54.8%, oklch(67.93% 0.0846 282.93) 58.1%, oklch(69.53% 0.0809 286.75) 61.3%, oklch(71.06% 0.0744 290.27) 64.5%, oklch(72.51% 0.0659 293.82) 67.7%, oklch(73.88% 0.0566 298.19) 71.0%, oklch(75.15% 0.0478 304.11) 74.2%, oklch(76.31% 0.0408 312.35) 77.4%, oklch(77.37% 0.0367 323.73) 80.6%, oklch(78.32% 0.0355 340.47) 83.9%, oklch(79.17% 0.0365 1.50) 87.1%, oklch(79.92% 0.0388 24.30) 90.3%, oklch(80.56% 0.0415 46.39) 93.5%, oklch(81.09% 0.0440 65.27) 96.8%, oklch(81.50% 0.0455 78.42) 100.0%);

In these collections

Jacaranda first bloom