Rainbow CSS gradients
Multi-hue sweeps that travel across the color wheel, still smooth in OKLCH. 26 gradients, each with copyable CSS and Tailwind classes.
- Winter Rosewaterlinear-gradient(120deg, #F69AFD, #E88E40, #6CDC8E, #8ECBFF)
- Lit Raspberrylinear-gradient(315deg, #00CBF2, #9F8CFC, #FE74A4, #EBA02F)
- Old Amberlinear-gradient(0deg, #A9BFFF, #FF98D1, #EB9437, #84DD6E)
- Summer Golden Hourlinear-gradient(180deg, #2A0E8E, #A1609B, #F0E162)
- Pale Butterlinear-gradient(90deg, #FFBCB1, #DBD689, #A3E7F0)
- Little Afterglowlinear-gradient(0deg, #F4E980, #BA53B2, #302583)
- Faded Strawlinear-gradient(0deg, #AF9BFF, #FFACBB, #F1B200, #22E595)
- Glowing Sagelinear-gradient(0deg, #EA7284, #93C41E, #55BDFF)
- Cozy Coral Skylinear-gradient(200deg, #E0D96F, #D24E49, #3A3480)
- Hazy Citrinelinear-gradient(200deg, #00BBD1, #C7A1FF, #FB876C, #A3CA61)
- Mellow Harbourlinear-gradient(315deg, #D99FF9, #FD9460, #87CC76, #1BBEFF)
- Evening Magnoliaconic-gradient(from 45deg at center, #7AAFE1, #E07FC8, #EA9425, #7AAFE1)
- Zesty Mint Juleplinear-gradient(120deg, #36C0FF, #EA80EE, #EF9447, #35D16F)
- Lit Coral Skylinear-gradient(90deg, #26127A, #EC8422, #E1D669)
- Electric Poppylinear-gradient(315deg, #868FFF, #EE6DA9, #F69A00, #70CE69)
- Winter Last Lightlinear-gradient(90deg, #280F8B, #BE5244, #F4E87E)
- Hazy Cobaltradial-gradient(circle at 20% 80%, #7AFFC5, #4495E8, #6A1D55)
- Fizzy Brasslinear-gradient(270deg, #F9772D, #88D352, #00C8F6, #D28FFF)
- Hazy Copperradial-gradient(circle at 0% 0%, #A6E892, #CF6723, #6D2B7E)
- Warm Embers Fadelinear-gradient(120deg, #F1E158, #A65678, #59005E, #2C187C)
- Wild Sundownlinear-gradient(135deg, #3B2E92, #4C0055, #E5DD82)
- Hazy Sunflowerlinear-gradient(270deg, #E87BA7, #D79000, #48A867, #00A7DB)
- Warm Evergreenlinear-gradient(0deg, #F98D2B, #7EBA40, #00C8DA, #A3A7FF)
- Soft Mosslinear-gradient(0deg, #FD8B73, #BFB700, #00E6CB, #9FCBFF)
- Warm Copperlinear-gradient(90deg, #F77EC4, #EC862A, #A4CC6D, #00D1D7)
- Hazy Spruceconic-gradient(from 90deg at center, #A77243, #459460, #25A1F2, #A77243)