Home › Templates › Blueprint Halo
Blueprint Halo
A cobalt disc fading out to gray, bright in the middle so a headline can sit on the blue.
CSS
.gradient-container {
position: relative;
width: 100%;
height: 100vh;
background: radial-gradient(circle at 50% 50%, #0f4cdb 0%, #5c7bc1 50%, #a7abb4 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.13;
background-image: linear-gradient(to right, #ffffff 1px, transparent 1px), linear-gradient(to bottom, #ffffff 1px, transparent 1px);
background-size: 42px 42px;
}What is the Blueprint Halo gradient?
A cobalt disc fading out to gray, bright in the middle so a headline can sit on the blue.
How to use Blueprint Halo
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
Sunrise BandsOrange at the core, then coral, then blue rings out to white, banded for a landing hero.
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.
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.
Purple CheckerViolet checker, brightest along the bottom edge and black in the top corner, for a social graphic.
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.
Ocean MeshPale cyan and white melted into a soft mesh, deeper blue in the corners, for social graphics.
Purple DotsDeep purple with a fine dot grid, slightly darker toward the middle, for a poster or a thumbnail.
Updated October 2026
