Ochre, rose and navy sequential data palette

Vivid yellow, pink, purple and navy color palette

The Ochre, rose and navy sequential data palette brings together gold, orange, red, purple, and dark blue. Radial gradient, 32 colors: #f4d44d, #f17630, #be2f6f, #612883, #21154e. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#f4d44d
#f6cd44
#f7c338
#f9b72c
#f9aa22
#f99c1d
#f78e20
#f48227
#f17630
#ee6b38
#ea6140
#e55648
#e04d50
#d94458
#d13b60
#c83568
#be2f6f
#b22c76
#a42a7d
#962a82
#882a86
#7a2987
#6d2986
#612883
#56267f
#4b2478
#412171
#391e69
#311c60
#2a1959
#251753
#21154e

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(87.40% 0.1530 95.62) 0.0%, oklch(86.03% 0.1544 91.81) 3.2%, oklch(84.19% 0.1564 86.70) 6.5%, oklch(81.99% 0.1587 80.63) 9.7%, oklch(79.56% 0.1613 73.89) 12.9%, oklch(77.02% 0.1640 66.80) 16.1%, oklch(74.50% 0.1667 59.68) 19.4%, oklch(72.10% 0.1692 52.83) 22.6%, oklch(69.96% 0.1714 46.56) 25.8%, oklch(67.96% 0.1740 40.58) 29.0%, oklch(66.01% 0.1770 34.68) 32.3%, oklch(64.10% 0.1801 28.82) 35.5%, oklch(62.21% 0.1829 22.94) 38.7%, oklch(60.33% 0.1851 17.01) 41.9%, oklch(58.43% 0.1864 10.96) 45.2%, oklch(56.50% 0.1865 4.75) 48.4%, oklch(54.52% 0.1851 358.28) 51.6%, oklch(52.50% 0.1823 351.28) 54.8%, oklch(50.45% 0.1783 343.92) 58.1%, oklch(48.39% 0.1735 336.43) 61.3%, oklch(46.32% 0.1680 329.05) 64.5%, oklch(44.27% 0.1621 322.03) 67.7%, oklch(42.25% 0.1561 315.59) 71.0%, oklch(40.25% 0.1502 309.98) 74.2%, oklch(38.25% 0.1443 305.29) 77.4%, oklch(36.11% 0.1375 301.21) 80.6%, oklch(33.92% 0.1301 297.70) 83.9%, oklch(31.76% 0.1226 294.68) 87.1%, oklch(29.72% 0.1154 292.11) 90.3%, oklch(27.89% 0.1088 289.94) 93.5%, oklch(26.35% 0.1033 288.10) 96.8%, oklch(25.20% 0.0992 286.54) 100.0%);

In these collections

Sequential data gradients