Home › Templates › Cosmic Drift
Cosmic Drift
Plum pooled at the bottom, lifting through dusty blue into mint at the edges, dark enough to sit behind a whole page.
CSS
background: radial-gradient(circle at 30% 20%, #2E2A47 0%, #3C3F73 33%, #4B6A9B 67%, #6CA3B9 100%);Mesh and animated state live in the studio. This page shows a CSS fallback from the palette.
What is the Cosmic Drift gradient?
Plum pooled at the bottom, lifting through dusty blue into mint at the edges, dark enough to sit behind a whole page.
How to use Cosmic Drift
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.
Soft BlushBlush and peach running into a cool blue, soft enough to sit behind slides or a landing section.
ProGradients SignatureThe house blend: warm coral on the left easing through mauve into slate blue.
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.
Rose LayoutHot pink on one side easing to pale rose on the other, flat and even, for an editorial page.
Regalia BarsMauve on the left easing into pale gold, soft enough that it reads as one wash, for a dark editorial header.
Cyber Gold GridGold across the top, purple through the middle, near-black at the bottom, with a fine grid over the whole field.
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.
Updated October 2026
