Sunrise Glow Color Palette
Soft orange and gold, the first light of sunrise.
Use as a gradient →
Colors
#FFE8CC
#FFCB8E
#FFA94D
#FF8C00
#E8650A
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #FFE8CC | T - | T - | |
| #FFCB8E | T - | T - | |
| #FFA94D | T - | T - | |
| #FF8C00 | T - | T - | |
| #E8650A | 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.
Sunrise Glow CSS Code
HEX Copy
#FFE8CC #FFCB8E #FFA94D #FF8C00 #E8650A
RGBA Copy
rgba(255, 232, 204, 1.0) rgba(255, 203, 142, 1.0) rgba(255, 169, 77, 1.0) rgba(255, 140, 0, 1.0) rgba(232, 101, 10, 1.0)
HSLA Copy
hsla(33, 100%, 90%, 1.0) hsla(32, 100%, 78%, 1.0) hsla(31, 100%, 65%, 1.0) hsla(33, 100%, 50%, 1.0) hsla(25, 92%, 47%, 1.0)
More Color Palettes
FAQ
What colors are in the Sunrise Glow palette?Soft orange and gold, the first light of sunrise.
How do I turn the Sunrise Glow palette into a CSS gradient?
Use
background: linear-gradient(to right, #FFE8CC, #FFCB8E, #FFA94D, #FF8C00, #E8650A);, or click "Use as a gradient" above to open it in the live generator.