Teal deep olive bands

Teal, yellow, gray and orange color palette

Linear swatches, 5 colors at 180°: #5cad93, #d7c403, #aeb89f, #c2c701, #ff5c35. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#5cad93
#d7c403
#aeb89f
#c2c701
#ff5c35

CSS

background: linear-gradient(180deg, oklch(68.90% 0.0896 170.86) 0.000% 20.000%, oklch(81.10% 0.1695 102.17) 20.000% 40.000%, oklch(76.77% 0.0358 124.36) 40.000% 60.000%, oklch(79.92% 0.1764 111.68) 60.000% 80.000%, oklch(68.50% 0.2053 34.54) 80.000% 100.000%);

In these collections

Color trends 2026 swatches