Analogous beige, green and teal linear gradient

Analogous beige, green and teal color palette

Linear gradient, 7 colors at 90°: #f3dfa4, #e6e3b0, #d2e3b7, #b4ddb6, #8ecfa7, #64b78f, #429a74. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#f3dfa4
#e6e3b0
#d2e3b7
#b4ddb6
#8ecfa7
#64b78f
#429a74

CSS

background: linear-gradient(90deg in oklch, oklch(90.55% 0.0785 90.70) 0.0%, oklch(90.59% 0.0664 105.54) 16.7%, oklch(89.20% 0.0618 125.38) 33.3%, oklch(85.83% 0.0689 145.65) 50.0%, oklch(80.07% 0.0880 156.22) 66.7%, oklch(71.48% 0.1005 161.35) 83.3%, oklch(62.20% 0.1033 162.56) 100.0%);

In these collections

Green and gold