Golden Hour Color Palette
Warm yellow through burnt amber, the light just before sunset.
Use as a gradient →
Colors
#FFF3B0
#FFD670
#FFAA5A
#FF8C42
#E36414
#9A3412
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #FFF3B0 | T - | T - | |
| #FFD670 | T - | T - | |
| #FFAA5A | T - | T - | |
| #FF8C42 | T - | T - | |
| #E36414 | T - | T - | |
| #9A3412 | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance.
Golden Hour CSS Code
HEX Copy
#FFF3B0 #FFD670 #FFAA5A #FF8C42 #E36414 #9A3412
RGBA Copy
rgba(255, 243, 176, 1.0) rgba(255, 214, 112, 1.0) rgba(255, 170, 90, 1.0) rgba(255, 140, 66, 1.0) rgba(227, 100, 20, 1.0) rgba(154, 52, 18, 1.0)
HSLA Copy
hsla(51, 100%, 85%, 1.0) hsla(43, 100%, 72%, 1.0) hsla(29, 100%, 68%, 1.0) hsla(23, 100%, 63%, 1.0) hsla(23, 84%, 48%, 1.0) hsla(15, 79%, 34%, 1.0)
More Color Palettes
FAQ
What colors are in the Golden Hour palette?Warm yellow through burnt amber, the light just before sunset.
How do I turn the Golden Hour palette into a CSS gradient?
Use
background: linear-gradient(to right, #FFF3B0, #FFD670, #FFAA5A, #FF8C42, #E36414, #9A3412);, or click "Use as a gradient" above to open it in the live generator.