Home › Templates › Purple Checker
Purple Checker
Violet checker, brightest along the bottom edge and black in the top corner, for a social graphic.
CSS
.gradient-container {
position: relative;
width: 100%;
height: 100vh;
background: radial-gradient(circle at 46% 100%, #e68bff 0%, #000000 100%),
#000000;
opacity: 1;
mix-blend-mode: normal;
}
.gradient-container::after {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
mix-blend-mode: overlay;
opacity: 0.1;
background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%), linear-gradient(-45deg, #ffffff 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ffffff 75%), linear-gradient(-45deg, transparent 75%, #ffffff 75%);
background-size: 20px 20px;
background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}What is the Purple Checker gradient?
Violet checker, brightest along the bottom edge and black in the top corner, for a social graphic.
How to use Purple Checker
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
Arctic DepthPale ice blue sinking into navy, with grain and slow motion for launch pages that want to look cold and expensive.
Canyon SunriseA hot magenta core fading to black at the edges, with a fine dot grid, for a launch hero that only needs one color.
Cyber Gold GridGold across the top, purple through the middle, near-black at the bottom, with a fine grid over the whole field.
Powder MeshAlmost white, with blush and lilac only at the edges, quiet enough for an editorial page.
Wave CausticsA black field with a pale gray sweep of light through the middle, for a dark thumbnail.
Low SunBurnt orange in one corner, peach across the middle, teal at the far edge, for a landing section that wants warm and cool in the same frame.
VolcanicOrange and a streak of red coming out of black in one corner, loud on purpose, for thumbnails.
Signature NoiseSlate blue, mauve, and coral under heavy grain, a bright spot in the middle, for a landing page or a wallpaper.
Caustics DepthNear-black water with faint pale streaks, for a background that stays behind the type.
Amber MeshGold light pooled on dark navy, grain across the field, for a page that wants warmth without leaving black.
Ember BloomBurnt orange around a pale cream streak, grain over the mesh, for a warm hero.
Rose LayoutHot pink on one side easing to pale rose on the other, flat and even, for an editorial page.
Updated October 2026
