Golden Hour Drift
Luminous sunset color harmony glowing with rich sienna, amber embers, and radiant solar highlights.
#Sunset#Warm
COLOR 1
#78290F
Burnt Umber
COLOR 2
#C44536
Jasper Red
COLOR 3
#ED8936
Ripe Papaya
COLOR 4
#ECC94B
Kariyasu Yellow
COLOR 5
#FFF5F5
Snow
Suitable Design Applications
Cinematography PortfoliosTravel Magazine LayoutsAcoustic Music PlatformsSunset Sailing Charters
Visual Psychology & Mood
Cinematic reverie, warmth, peace, and wanderlust.
Editorial Application Advice
The warm 20-minute window before dusk. Honey amber and soft copper melting into deep violet dusk skies.
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #78290F;
--color-2: #C44536;
--color-3: #ED8936;
--color-4: #ECC94B;
--color-5: #FFF5F5;
}Role-Based WCAG Contrast Audit
Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:
Sample Text
#78290F on #ECC94B6.14:1
Normal Text AA Pass
Sample Text
#78290F on #FFF5F59.25:1
Normal Text AA Pass
Sample Text
#C44536 on #ECC94B3.06:1
Large Text Only (Pass)
Sample Text
#C44536 on #FFF5F54.62:1
Normal Text AA Pass
Sample Text
#ED8936 on #ECC94B1.58:1
Large Text Only (Fail)
Sample Text
#ED8936 on #FFF5F52.38:1
Large Text Only (Fail)
Related Palettes in Sunset
Explore SunsetFrequently Asked Questions About Golden Hour Drift
Production design guidance and accessibility rules for applying the Golden Hour Drift (Sunset) color palette.
What is the recommended role hierarchy for the Golden Hour Drift palette?
In digital interface design, allocate #78290F and #FFF5F5 for structural surface canvas and typography hierarchy (the 60% and 30% layers of the design), while using standout swatches like #C44536 or #ED8936 as your 10% primary action accent for buttons, badges, and interactive highlights.
Are the colors in Golden Hour Drift WCAG accessible for web body copy?
Always verify contrast ratios against WCAG 2.2 AA standards (minimum 4.5:1 for regular body copy and 3.0:1 for large text or graphical controls). Consult the Role-Based WCAG Contrast Audit section above to see exact scores for every foreground/background combination in this palette.
How can I export the Golden Hour Drift palette to my frontend codebase?
You can copy CSS Custom Properties directly from the CSS Variables code block above, export Tailwind CSS configuration tokens, download a high-resolution PNG card, or open the entire palette inside the interactive Palette Generator to experiment with tints and harmonies.