Purple CSS gradients
Lavender, plum and violet gradients, from dreamy to regal. 133 gradients, each with copyable CSS and Tailwind classes.
- Neon Glowlinear-gradient(135deg, #F72585, #7209B7)
- Electric Violetlinear-gradient(90deg, #4776E6, #8E54E9)
- Lit Magnolialinear-gradient(45deg, #C3234B, #740F86, #1A2D77)
- Cozy Windsweptlinear-gradient(90deg, #7B7FC2, #89AADF, #9BD8FF)
- Cozy Poppylinear-gradient(90deg, #0C003F, #FFA73D)
- Velvet Borealislinear-gradient(120deg, #001C1A, #008AC3, #2F2E9A, #310032)
- Lazy Undertowlinear-gradient(160deg, #93E8F2, #4C74AA, #2E005E)
- Little Grape Sodaradial-gradient(circle at 50% 0%, #63DEEA, #AC81D6, #883A00)
- Winter Rosewaterlinear-gradient(120deg, #F69AFD, #E88E40, #6CDC8E, #8ECBFF)
- Quiet Borealislinear-gradient(270deg, #18001B, #3F3A9F, #0084B8, #00DBC3)
- Electric Wisterialinear-gradient(90deg, #E55D77, #923AB9, #004690)
- Evening Amethystlinear-gradient(225deg, #001249, #5F2169, #8F4244)
- Dusty Poppyradial-gradient(circle at 0% 0%, #EFAC00, #9C4D54, #4E006D)
- Midnight Grape Sodalinear-gradient(160deg, #844D6E, #5F2A75, #1D0057)
- Molten Emberradial-gradient(circle at 0% 0%, #D6D968, #D73B07, #5F0070)
- Quiet Irislinear-gradient(315deg, #390020, #A06FFF, #3BB6FF)
- Quiet Indigo Inklinear-gradient(315deg, #2F0756, #0099DD, #00B096)
- Deep Blushlinear-gradient(200deg, #000F1D, #391358, #7D1C3A)
- Milky Sapphirelinear-gradient(270deg, #E3BCEE, #BED2FF, #93D8C9)
- Tender Arcticradial-gradient(circle at 0% 0%, #FFCE79, #00ACA1, #694BB1)
- Soft Rosewaterlinear-gradient(0deg, #8B3D00, #FFA3BA, #E07DFB)
- Pale Violet Hourlinear-gradient(200deg, #FFE8EF, #C6BFEB)
- Little Lavenderradial-gradient(circle at 70% 25%, #FFB2E5, #7471BA, #002F40)
- Soft Dusk Lakelinear-gradient(315deg, #213074, #777EE3, #DDE3FF)
- Zesty Sundownlinear-gradient(315deg, #EFDE49, #EC8940, #2E199C)
- Soft Mangolinear-gradient(200deg, #190033, #C08E00)
- Warm Bubblegumlinear-gradient(315deg, #CC514D, #8A3F6C, #410067)
- Shadow Amethystlinear-gradient(200deg, #5C4398, #4F044D, #1C0007)
- Summer Golden Hourlinear-gradient(180deg, #2A0E8E, #A1609B, #F0E162)
- Mellow Borealislinear-gradient(315deg, #0B1A00, #008848, #B2B6FF)
- Vivid Flamingolinear-gradient(135deg, #5C3C84, #F17107)
- Obsidian Orchidlinear-gradient(270deg, #00091E, #2B1D67, #6F3789)
- Little High Noonlinear-gradient(315deg, #9D7F71, #D699B7, #C9B3FC, #DFF2FF)
- Sunlit Lilaclinear-gradient(200deg, #FF89C0, #AC88FF, #001D30)
- Evening Sundownlinear-gradient(270deg, #30109B, #98528F, #FFB30F, #DEE375)
- Summer Cornflowerlinear-gradient(120deg, #14012A, #092D40, #37695B)
- Morning Dusk Lakelinear-gradient(90deg, #7F66B7, #68A5E4, #8BF4FF)
- Fizzy Candyflosslinear-gradient(45deg, #B14CC1, #FEC356)
- Dim Candyflosslinear-gradient(225deg, #001A25, #41365A, #8B2B46)
- Bright Flamingolinear-gradient(120deg, #6C5CE5, #882482, #8C0A27)
- Hazy Deep Waterlinear-gradient(315deg, #002932, #406884, #C0A7F7)
- Sunlit Irisradial-gradient(circle at 20% 80%, #FFAD97, #B078DB, #006279)
- Obsidian Candyflosslinear-gradient(0deg, #120022, #855450)
- Obsidian Mulberrylinear-gradient(0deg, #005A60, #1E1555, #1B0008)
- Obsidian Harbourlinear-gradient(270deg, #000B15, #14234D, #453768)
- Morning Plumlinear-gradient(315deg, #F5B7FF, #A455B7, #501458)
- Inky Guavalinear-gradient(180deg, #5F5373, #572D5A, #2F001C)
- Dusty Lumenlinear-gradient(315deg, #CFA9FF, #00707B, #001309)