TOOLS
Browse gradients
421 curated CSS gradients, interpolated in OKLCH so the middle stays vivid. Open any gradient for CSS, Tailwind classes and the Gradient Maker.
- Neon Glowlinear-gradient(135deg, #F72585, #7209B7)
- Sea Breezelinear-gradient(90deg, #4CC9F0, #4361EE)
- Sunset Horizonlinear-gradient(45deg, #FF7E5F, #FEB47B)
- Lush Forestlinear-gradient(120deg, #134E5E, #71B280)
- Electric Violetlinear-gradient(90deg, #4776E6, #8E54E9)
- Peach Velvetlinear-gradient(180deg, #FFD194, #D1913C)
- Midnight Auroralinear-gradient(90deg, #0F2027, #203A43, #2C5364)
- Citrus Poplinear-gradient(45deg, #FDC830, #F37335)
- Lit Magnolialinear-gradient(45deg, #C3234B, #740F86, #1A2D77)
- Cozy Sandbarlinear-gradient(225deg, #E4D99A, #8CAD64, #008059, #004049)
- Cozy Windsweptlinear-gradient(90deg, #7B7FC2, #89AADF, #9BD8FF)
- Dusty Gladelinear-gradient(225deg, #8FFBF2, #45A64A, #33521C)
- Cozy Poppylinear-gradient(90deg, #0C003F, #FFA73D)
- Cozy Lanternlinear-gradient(225deg, #AA588A, #EF7769, #EDB05C)
- Velvet Borealislinear-gradient(120deg, #001C1A, #008AC3, #2F2E9A, #310032)
- Lazy Undertowlinear-gradient(160deg, #93E8F2, #4C74AA, #2E005E)
- Wandering Horizon Linelinear-gradient(315deg, #220F8F, #B2296B, #EEE481)
- Zesty Last Lightlinear-gradient(120deg, #2B2B7C, #C43B80, #D9D700)
- Little Strawlinear-gradient(45deg, #FFE9E8, #E4BD85, #BEFEDD)
- 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)
- Painted Banana Breadlinear-gradient(180deg, #CAD2F5, #FFE1E4, #DEE299)
- Faded Arctic Veillinear-gradient(225deg, #F597EB, #0076A9, #002623)
- Distant Daybreaklinear-gradient(135deg, #1A9E6F, #3AD7F3, #DFF2FF)
- Electric Wisterialinear-gradient(90deg, #E55D77, #923AB9, #004690)
- Pale Olive Grovelinear-gradient(0deg, #E1EFC7, #AFD8C5, #9DC6CB)
- Wandering Blue Holelinear-gradient(90deg, #2E3652, #608DAA, #A8FFEF)
- Painted Sandbarlinear-gradient(200deg, #55F4E4, #00B9C9, #3A6ECE, #26238A)
- 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)
- Wandering Arcticlinear-gradient(225deg, #000D0B, #00C4EA, #4BA3FF)
- Bright Embers Fadelinear-gradient(0deg, #E7E15D, #630063, #282693)
- Quiet Irislinear-gradient(315deg, #390020, #A06FFF, #3BB6FF)
- Frosted Taffylinear-gradient(200deg, #AFDEFF, #DAC6E0, #F6BB8E)
- Quiet Indigo Inklinear-gradient(315deg, #2F0756, #0099DD, #00B096)
- Lit Raspberrylinear-gradient(315deg, #00CBF2, #9F8CFC, #FE74A4, #EBA02F)
- Deep Blushlinear-gradient(200deg, #000F1D, #391358, #7D1C3A)
- Evening Basillinear-gradient(90deg, #B5D9A1, #8D934C, #4C3F0A)
- Milky Sapphirelinear-gradient(270deg, #E3BCEE, #BED2FF, #93D8C9)
- Electric Afterglowlinear-gradient(160deg, #F6F02A, #E65245, #2D1D94)
- Cozy Night Ribbonlinear-gradient(160deg, #28173C, #006E82, #23DF99)
- 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)