Teal Orange Purple Bands

Rainbow from teal to green color palette

These four diagonal bands move from deep teal through vivid orange, royal purple, and leafy green. Linear swatches, 4 colors at 240°: #02695d, #ef6d00, #6b1b9a, #2d7d32. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#02695d
#ef6d00
#6b1b9a
#2d7d32

CSS

background: linear-gradient(240deg, oklch(46.85% 0.0841 180.70) 0.000% 25.000%, oklch(68.11% 0.1838 48.59) 25.000% 50.000%, oklch(42.13% 0.1902 308.22) 50.000% 75.000%, oklch(52.36% 0.1350 144.42) 75.000% 100.000%);

In these collections

Secondary color swatches