Home › Templates › Canyon Sunrise
Canyon Sunrise
A hot magenta core fading to black at the edges, with a fine dot grid, for a launch hero that only needs one color.
CSS
.gradient-container {
position: relative;
width: 100%;
height: 100vh;
background: linear-gradient(to bottom right, #252525 0%, #d21f5b 50%, #000000 100%),
#000000;
opacity: 1;
mix-blend-mode: normal;
}What is the Canyon Sunrise gradient?
A hot magenta core fading to black at the edges, with a fine dot grid, for a launch hero that only needs one color.
How to use Canyon Sunrise
Customize this gradient in the studio, copy the CSS on this page, or download a marked 1920px PNG. 4K and SVG stay on Pro.
Related gradients
Ember GrainDusty red sinking into black, a dark field for feeds where white type has to stay readable.
Wave CausticsA black field with a pale gray sweep of light through the middle, for a dark thumbnail.
Purple CheckerViolet checker, brightest along the bottom edge and black in the top corner, for a social graphic.
VolcanicOrange and a streak of red coming out of black in one corner, loud on purpose, for thumbnails.
Caustics DepthNear-black water with faint pale streaks, for a background that stays behind the type.
Regalia BarsMauve on the left easing into pale gold, soft enough that it reads as one wash, for a dark editorial header.
Purple DotsDeep purple with a fine dot grid, slightly darker toward the middle, for a poster or a thumbnail.
Updated October 2026
