warmearthy
Golden Hour Color Palette
Golden Hour is a warm and earthy color palette of 5 colors: Taupe (#582f0e), Saddle Brown (#7f4f24), Sienna (#936639), Sand (#b6ad90) and Vanilla (#ffe8a3). Its dominant hue is orange.
The darkest color, Taupe, on the lightest, Vanilla, gives a 9.47:1 contrast ratio — enough for body text at WCAG AAA. 3 pairs in this palette pass AA for normal text. Vanilla (#ffe8a3) is its most saturated color and a natural choice for buttons and links.
Colors
- Taupe
- Saddle Brown
- Sienna
- Sand
- Vanilla
CSS Output
:root {
--golden-hour-1: #582f0e;
--golden-hour-2: #7f4f24;
--golden-hour-3: #936639;
--golden-hour-4: #b6ad90;
--golden-hour-5: #ffe8a3;
}Golden Hour on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
Pairs from this palette that work as text on a background, with their WCAG contrast ratio. AA needs 4.5:1 for body text; large text needs 3:1.
- Taupe on Vanilla#582f0e on #ffe8a39.47:1AAA
- Saddle Brown on Vanilla#7f4f24 on #ffe8a35.68:1AA
- Taupe on Sand#582f0e on #b6ad905.12:1AA
- Sienna on Vanilla#936639 on #ffe8a34.12:1AA Large
- Saddle Brown on Sand#7f4f24 on #b6ad903.07:1AA Large