Essential cookies keep Huevex running. With your permission we also measure how the site is used. Nothing optional loads until you choose. Cookie Policy
Sunset gradients move from warm to warmer: a red or orange opening into yellow, with nothing cool in between. That simple rule produces a remarkable range, from a soft peach fade that feels like early evening to a saturated coral and gold ramp that feels like the last minute of light.
They are the most emotionally direct ramps in the library, which is why they carry campaigns, album art and hero sections so often, and also why they can overwhelm a page that needs to stay quiet. Each gradient below is listed with its stops and the CSS that reproduces it exactly, and each links to a page with its angle, values and the palettes whose colors also appear in it.
These are the warmest ramps in the library and the ones that read as a time of day rather than as a color decision. Their weakness is legibility: nearly every stop is light, so dark type is the only comfortable option and light type will disappear. Where a sunset gradient carries a heading, the darkest stop should be placed behind the text, and the angle reversed if that stop is currently at the far end.
Red Garden Heath - Gradient 1
linear-gradient(90deg, #E67373, #E0E050)Blue Currant Crossing - Gradient 3
linear-gradient(90deg, #B5B59A, #3D3728)Cerulean Ember Meridian - Gradient 1
linear-gradient(90deg, #FDD800, #E08F55)Red Chaff - Gradient 1
linear-gradient(90deg, #E52E42, #B89620)Walnut Purple Tone - Gradient 3
linear-gradient(90deg, #B8ADA1, #5A553A)Diamond Rush - Gradient 3
linear-gradient(90deg, #C7C1AF, #33252E)Crossing Praline Indigo - Gradient 3
linear-gradient(90deg, #B8B89E, #453F32)Reef Lavender - Gradient 3
linear-gradient(90deg, #B8B89E, #423930)Tundra Mustard Beam - Gradient 3
linear-gradient(90deg, #B5B09D, #33261F)Harvest Green Wind - Gradient 1
linear-gradient(90deg, #828264, #E8A236)Yellow Clover - Gradient 1
linear-gradient(90deg, #E8D33F, #D89216)Brass Granite - Gradient 1
linear-gradient(90deg, #775F61, #E0B739)