gradientsdark

Steel Blue

Full-page view of this background so you can judge contrast, type, and chrome.

<div className="min-h-screen w-full bg-stone-950 relative">  {/* Steel Blue Background */}  <div    className="absolute inset-0 z-0"    style={{      backgroundImage: `        radial-gradient(circle at 50% 50%,           rgba(59, 130, 246, 0.16) 0%,           rgba(59, 130, 246, 0.09) 25%,           rgba(59, 130, 246, 0.04) 35%,           transparent 50%        )      `,      backgroundSize: "100% 100%",    }}  />  {/* Your Content/Components */}</div>

background.tsx18 lines · TSX

Related gradients

Cyan Meshdark Pulse Veildark Navy Voiddark Amber Horizondark Deep Washdark Deep Dual Glowdark

Back to library

Copper & Bronze Warm Amber

gradientsdark

Steel Blue

Full-page view of this background so you can judge contrast, type, and chrome.

<div className="min-h-screen w-full bg-stone-950 relative">  {/* Steel Blue Background */}  <div    className="absolute inset-0 z-0"    style={{      backgroundImage: `        radial-gradient(circle at 50% 50%,           rgba(59, 130, 246, 0.16) 0%,           rgba(59, 130, 246, 0.09) 25%,           rgba(59, 130, 246, 0.04) 35%,           transparent 50%        )      `,      backgroundSize: "100% 100%",    }}  />  {/* Your Content/Components */}</div>

background.tsx18 lines · TSX

Related gradients

Cyan Meshdark Pulse Veildark Navy Voiddark Amber Horizondark Deep Washdark Deep Dual Glowdark