Monochrome CSS gradients
One hue explored from deep shade to pale tint. 65 gradients, each with copyable CSS and Tailwind classes.
- Peach Velvetlinear-gradient(180deg, #FFD194, #D1913C)
- Midnight Auroralinear-gradient(90deg, #0F2027, #203A43, #2C5364)
- Painted Banana Breadlinear-gradient(180deg, #CAD2F5, #FFE1E4, #DEE299)
- Pale Violet Hourlinear-gradient(200deg, #FFE8EF, #C6BFEB)
- Cozy Dusk Lakelinear-gradient(315deg, #D2EDFF, #4C88B3, #113F5C)
- Little Banana Breadlinear-gradient(315deg, #705833, #91845D, #C9B66D)
- Soft Dusk Lakelinear-gradient(315deg, #213074, #777EE3, #DDE3FF)
- Fizzy Grape Sodalinear-gradient(160deg, #F134F1, #001C2E)
- Soft Brasslinear-gradient(0deg, #765A19, #E5D18C)
- Powdered Raspberrylinear-gradient(315deg, #FFEDDD, #EFB0CA, #D3EFFF)
- Quiet Altitudelinear-gradient(0deg, #5D87C7, #66C3FF, #CDF7FF)
- Dusty Butterlinear-gradient(225deg, #DDCBAE, #4C381F)
- Lazy Sunflowerlinear-gradient(225deg, #A1A370, #525000)
- Faded Copperlinear-gradient(160deg, #EDC7A1, #794420)
- Little Marmaladelinear-gradient(45deg, #71473C, #DDA890)
- Lazy Borealislinear-gradient(135deg, #89D299, #00865A, #00191D)
- Sheer Flamingolinear-gradient(270deg, #F7B3CF, #FFEDD8)
- Soft Jade Poollinear-gradient(315deg, #003D3D, #7EE9ED)
- Quiet Morning Skylinear-gradient(135deg, #508DB6, #7DB0F0, #FFE9E2)
- Gentle Citrinelinear-gradient(270deg, #F6F9CB, #E1CCB4, #C9B9B1)
- Morning Plumlinear-gradient(315deg, #F5B7FF, #A455B7, #501458)
- Painted Butterlinear-gradient(200deg, #473C1F, #DCD7B7)
- Sunlit Honeylinear-gradient(0deg, #CBD08D, #7F6F2E, #3B2E00)
- Silken Indigo Inklinear-gradient(225deg, #E8E7FB, #9CBCD8)
- Dewy Cloverlinear-gradient(120deg, #E3F3CB, #C6F4F0, #DFCCBF)
- Old Marmaladelinear-gradient(270deg, #6A361D, #FFD9C1)
- Quiet Meadowlinear-gradient(120deg, #004624, #21AC57, #A9F6AA)
- Secret Paprikalinear-gradient(90deg, #692D28, #FDB5AE)
- Easy Kumquatlinear-gradient(45deg, #D2B287, #4A2400)
- Distant Sapphirelinear-gradient(200deg, #004159, #83D5FF)
- Winter Pollenlinear-gradient(90deg, #53492F, #A4AB87)
- Old Magnolialinear-gradient(270deg, #400917, #FFCFCF)
- Sheer Periwinklelinear-gradient(90deg, #D5BCD8, #D5E0FF, #C4F1F1)
- Quiet Taffylinear-gradient(270deg, #7C3C5B, #FFDFED)
- Dusty Marmaladelinear-gradient(180deg, #77420D, #B8997D)
- Wild Mosslinear-gradient(120deg, #FFE9D6, #B7DB9E, #E0E4FF)
- Cozy Cloud Ninelinear-gradient(225deg, #0096AE, #E3F0FF)
- Quiet Sapphirelinear-gradient(0deg, #001F3D, #3484C7, #BDDCFF)
- Gentle Verdigrislinear-gradient(225deg, #B4CDB5, #A3DEF9, #FFE4EA)
- Summer Lanternlinear-gradient(315deg, #C49C8D, #5F352F)
- Warm Guavalinear-gradient(120deg, #F7BDE9, #53244C)
- Dusty Mosslinear-gradient(270deg, #3C371E, #677542, #B4C2A4)
- Lazy Indigo Inklinear-gradient(120deg, #A1E0FF, #0380A7, #003347)
- Evening Solsticelinear-gradient(270deg, #002522, #F98FFD)
- Silken Copperlinear-gradient(315deg, #F1F9DB, #F3DDC5, #EECFDD)
- Lazy Rainforestlinear-gradient(225deg, #002523, #58875D, #D8EDC2)
- Soft Wisterialinear-gradient(160deg, #4F1E63, #AB64C2, #E9BAFF)
- Slow Honeylinear-gradient(160deg, #D8D9A2, #5C5D26)