Golden Hour Glow Gradient: CSS Code & Colors

Q: What's the CSS code for the Golden Hour Glow gradient?

Use background: radial-gradient(at left bottom, #FFF6D5 0%, #FFA630 50%, #B34700 100%);. RGBA and HSLA versions are also available on this page.

Golden Hour Glow Gradient

Warm cream light deepening into burnt amber.

Customize this gradient →

Opens it in the generator: change the type or direction, adjust the colors, then copy the CSS or download.

Color Stops

#FFF6D5

#FFA630

#B34700

Golden Hour Glow CSS Code

background: #FFF6D5;
background: radial-gradient(at left bottom, #FFF6D5 0%, #FFA630 50%, #B34700 100%);

background: rgba(255, 246, 213, 1.0);
background: radial-gradient(at left bottom, rgba(255, 246, 213, 1.0) 0%, rgba(255, 166, 48, 1.0) 50%, rgba(179, 71, 0, 1.0) 100%);

background: hsla(47, 100%, 92%, 1.0);
background: radial-gradient(at left bottom, hsla(47, 100%, 92%, 1.0) 0%, hsla(34, 100%, 59%, 1.0) 50%, hsla(24, 100%, 35%, 1.0) 100%);

background: #FFF6D5;
background: radial-gradient(at left bottom, #FFF6D5 0%, #FFA630 50%, #B34700 100%);
background: radial-gradient(at left bottom in oklch, oklch(97.17% 0.044 94.46) 0%, oklch(79.59% 0.1605 67.93) 50%, oklch(53.59% 0.1552 44.27) 100%);

The same colors blended in OKLCH, so this one looks more vivid than the gradient above. Older browsers show the standard gradient. How OKLCH gradients work →

bg-radial-[at_left_bottom_in_srgb] from-[#FFF6D5] from-0% via-[#FFA630] via-50% to-[#B34700] to-100%

bg-[radial-gradient(at_left_bottom,#FFF6D5_0%,#FFA630_50%,#B34700_100%)]

Similar Gradients

More Gradient Presets

FAQ

What is the Golden Hour Glow gradient?