Yellow, tan, purple and navy linear gradient

Yellow, tan, purple and navy color palette

Linear gradient, 7 colors at 90°: #f8e770, #e5cd60, #d36c6e, #7b4db2, #2b45b1, #1f2982, #0f1752. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#f8e770
#e5cd60
#d36c6e
#7b4db2
#2b45b1
#1f2982
#0f1752

CSS

background: linear-gradient(90deg in oklch, oklch(91.73% 0.1406 101.25) 0.0%, oklch(84.86% 0.1319 97.14) 16.7%, oklch(65.18% 0.1293 20.00) 33.3%, oklch(51.97% 0.1566 302.67) 50.0%, oklch(44.14% 0.1747 268.14) 66.7%, oklch(33.75% 0.1474 270.72) 83.3%, oklch(24.41% 0.1075 269.98) 100.0%);

In these collections

Yellow and blue gradients