Essential cookies keep Huevex running. With your permission we also measure how the site is used. Nothing optional loads until you choose. Cookie Policy
Pink gradients soften as they travel. A ramp that starts in a saturated fuchsia and ends in a pale blush carries the whole family's range in one object, from something almost loud to something almost neutral. That makes them unusually flexible: at the pale end they warm up an otherwise gray layout, and at the strong end they make a section feel festive or cosmetic.
The gradients below are listed with their stops and the CSS needed to reproduce each one, and each links to a page with its angle and full values. Where a pink ramp leans toward red or toward violet at one end, the related hubs below show the neighboring families so a matching palette is easy to find.
The useful split in this hub is between ramps that stay in the pale half and ramps that travel into a saturated pink. The pale ones behave as warm neutrals and will not overpower a layout; the saturated ones are the loudest surfaces on this site. Every gradient page shows the stops in order, which is the quickest way to see which end of a ramp is doing the work before committing to it at full size.
Heath Muse - Gradient 2
linear-gradient(90deg, #6D3B6F, #D8DBE2)Maple Mural - Gradient 3
linear-gradient(90deg, #A0B09C, #2A2133)Cress Cascade Fern - Gradient 2
linear-gradient(90deg, #764F9D, #DED9D5)Basin Cascade Iris - Gradient 2
linear-gradient(90deg, #7B5099, #D9E2DF)Smoked Veil - Gradient 3
linear-gradient(90deg, #B4A6C1, #3A2E24)Allegro Glen - Gradient 4
linear-gradient(90deg, #3A2D4D, #E0DED7)Ripe Field - Gradient 2
linear-gradient(90deg, #5D3A6B, #DBE3DF)Flare Dune - Gradient 4
linear-gradient(90deg, #3A2D4D, #E2DED9)Purple Dune Oasis - Gradient 2
linear-gradient(90deg, #C8B2D5, #E3DEDA)Vivid Lime Flora - Gradient 1
linear-gradient(90deg, #737656, #A335E5)Well Larch Vesper - Gradient 1
linear-gradient(90deg, #1B2624, #9F25D6)Emerald Thread - Gradient 2
linear-gradient(90deg, #C599C8, #E8E7E0)