Vivid yellow, orange and purple linear swatches

Vivid yellow, orange and purple color palette

Linear swatches, 6 colors at 135°: #e4ca58, #fbb539, #ff973a, #f46e4d, #cb4869, #8d2a68. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#e4ca58
#fbb539
#ff973a
#f46e4d
#cb4869
#8d2a68

CSS

background: linear-gradient(135deg, oklch(83.86% 0.1350 96.33) 0.000% 16.667%, oklch(82.00% 0.1541 77.27) 16.667% 33.333%, oklch(77.12% 0.1608 58.05) 33.333% 50.000%, oklch(69.58% 0.1722 35.02) 50.000% 66.667%, oklch(58.96% 0.1663 8.52) 66.667% 83.333%, oklch(45.67% 0.1488 346.43) 83.333% 100.000%);

In these collections

Thanksgiving gradients