Orange, yellow, light green and blue linear swatches

Orange, yellow, light green and blue color palette

Linear swatches, 6 colors at 45°: #dfa341, #e9ca45, #e1e459, #c2e57a, #9fcea2, #7da8bf. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#dfa341
#e9ca45
#e1e459
#c2e57a
#9fcea2
#7da8bf

CSS

background: linear-gradient(45deg, oklch(75.59% 0.1323 76.64) 0.000% 16.667%, oklch(84.25% 0.1502 95.66) 16.667% 33.333%, oklch(88.98% 0.1585 110.46) 33.333% 50.000%, oklch(87.40% 0.1406 124.19) 50.000% 66.667%, oklch(80.71% 0.0799 146.39) 66.667% 83.333%, oklch(70.87% 0.0579 231.98) 83.333% 100.000%);

In these collections

Yellow and blue gradients