gradientsdarkNew

Warm Amber

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

<div className="min-h-screen w-full relative" style={{ backgroundColor: "#0f0f23" }}>  {/* Warm Amber Background */}  <div    className="absolute inset-0 z-0"    style={{      backgroundImage: `        radial-gradient(circle at 50% 50%,           rgba(245, 158, 11, 0.14) 0%,           rgba(245, 158, 11, 0.08) 25%,           rgba(245, 158, 11, 0.03) 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

Steel Blue Moonlight Silver

gradientsdarkNew

Warm Amber

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

<div className="min-h-screen w-full relative" style={{ backgroundColor: "#0f0f23" }}>  {/* Warm Amber Background */}  <div    className="absolute inset-0 z-0"    style={{      backgroundImage: `        radial-gradient(circle at 50% 50%,           rgba(245, 158, 11, 0.14) 0%,           rgba(245, 158, 11, 0.08) 25%,           rgba(245, 158, 11, 0.03) 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