Orange Cyan Cyan Bands

These diagonal bands move through deep orange, vivid cyan, deep orange, vivid cyan, near-black, and pale cyan. #321e01, #68bcfb, #7dbef0, #211401, #a6ccfc.

6 colors, 6 editable OKLCH keyframes.

#321e01
#68bcfb
#301e02
#7dbef0
#211401
#a6ccfc

CSS

background: linear-gradient(60deg, oklch(25.59% 0.0524 73.83) 0.000% 16.667%, oklch(76.77% 0.1226 242.91) 16.667% 33.333%, oklch(25.20% 0.0510 74.88) 33.333% 50.000%, oklch(77.56% 0.0978 242.91) 50.000% 66.667%, oklch(20.47% 0.0400 77.00) 66.667% 83.333%, oklch(83.46% 0.0785 254.53) 83.333% 100.000%);

In these collections

Complementary swatches