Analogous white, yellow and orange linear swatches

Analogous white, yellow and orange color palette

Linear swatches, 7 colors at 90°: #ffffff, #fefed5, #feffaa, #fcfe65, #fed132, #fea100, #fe760c. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#ffffff
#fefed5
#feffaa
#fcfe65
#fed132
#fea100
#fe760c

CSS

background: linear-gradient(90deg, oklch(100.00% 0.0000 89.88) 0.000% 14.286%, oklch(98.70% 0.0537 107.88) 14.286% 28.571%, oklch(98.06% 0.1054 108.58) 28.571% 42.857%, oklch(96.85% 0.1722 110.04) 42.857% 57.143%, oklch(87.65% 0.1677 91.68) 57.143% 71.429%, oklch(78.36% 0.1710 68.85) 71.429% 85.714%, oklch(71.65% 0.1902 48.75) 85.714% 100.000%);

In these collections

Summer gradients