Sunrise Glow Color Palette
Soft orange and gold, the first light of sunrise.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
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. Click a check to verify it on colorcontrastcheck.com.
Sunrise Glow CSS Code
oklch(94.24% 0.0446 72.68) oklch(87.44% 0.0974 70.46) oklch(80.34% 0.1461 64.6) oklch(75.05% 0.1791 58.28) oklch(65.99% 0.1824 46.1)
The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →
Similar Palettes
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 "Make it a gradient" above to open it in the live generator.