Yellow and Blue: Mustard and sage

The "Yellow and Blue: Mustard and sage" palette brings together gold, green, and teal. Linear gradient, 7 colors at 90°: #dedc4b, #b3bd5c, #809e6b, #5c8171, #35686c, #195161, #003f51. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#dedc4b
#b3bd5c
#809e6b
#5c8171
#35686c
#195161
#003f51

CSS

background: linear-gradient(90deg in oklch, oklch(87.01% 0.1612 108.28) 0.0%, oklch(76.98% 0.1223 113.92) 16.7%, oklch(66.36% 0.0806 133.17) 33.3%, oklch(57.09% 0.0496 165.35) 50.0%, oklch(48.45% 0.0551 202.14) 66.7%, oklch(40.52% 0.0631 222.02) 83.3%, oklch(34.26% 0.0641 223.53) 100.0%);

In these collections

Yellow and blue gradients