ColorSense Blog
Golden Hour Color Palette (2026): HEX Codes and Accessible Dark Pairings
The Golden Hour summer 2026 palette: five warm HEX codes — amber, melon, and pale banana — with measured WCAG AAA pairings and ready-to-paste CSS variables.
Golden Hour captures the warm glow of late-afternoon summer light: amber, melon, and pale banana over a soft cream. It is part of our wider collection of 13 summer 2026 color palettes, and it is the one to reach for when you want warmth and optimism without going loud.
The Golden Hour palette: Amber Haze, Muskmelon, Acacia, Pale Banana, and Cloud Dancer.
The 5 Colors in the Golden Hour Palette
Amber Haze #E8A84A
A warm golden amber and the richest tone in the set. Use it for large fills, hero blocks, and warm accents; it is a touch deep for body text on white.
Muskmelon #F4A46A
A sun-ripened melon orange and the friendliest tone here. Light enough for large backgrounds yet warm enough to feel like summer, and it carries dark text well.
Acacia #D4CC5A
A soft chartreuse yellow-green — bright but never neon. Use it sparingly for badges, tags, and small pops against the deeper tones.
Pale Banana #F5E6B2
A gentle butter yellow that adds warmth without loudness. Good for soft backgrounds, badges, and small accents.
Cloud Dancer #EDE8DF
A near-neutral warm off-white. Best used as your primary page background or card surface rather than as an accent.
Accessible Dark Pairings (WCAG AAA)
Golden Hour is mostly light and warm, so on a white background these tones will not pass contrast checks for text. The fix is to pair each light color with a deep anchor. All three pairings below were calculated directly with the WCAG contrast formula and clear the AAA threshold of 7:1. Because contrast is symmetric, each ratio holds whether you use the light color as text on the dark tone or as a background behind dark text.
11.31:1 contrastAAA
Dark Amber
#3B2800
7.56:1 contrastAAA
Deep Cacao
#3C1D06
7.69:1 contrastAAA
Deep Moss
#36330F
A note on Amber Haze #E8A84A and Cloud Dancer #EDE8DF: Amber Haze reaches 2.07:1 on white, so it works as a large fill or hero block rather than as body text; Cloud Dancer is a near-neutral best kept as a light surface. For readable copy on any of these warm tones, use a deep anchor such as Dark Amber #3B2800 (14.10:1 on white) or a deep neutral like #1A1A1A (17.40:1 on white).
Try it now
Check any color pair against WCAG — free, no signup
Pick a foreground and background, see the exact contrast ratio plus AA/AAA verdicts for normal and large text. One click auto-fixes a failing pair while keeping your hue.
Open WCAG Contrast Checker →
How to Use Golden Hour
Web and UI: use Cloud Dancer #EDE8DF or Pale Banana #F5E6B2 as your page background, Muskmelon for warm hero sections with dark text, Amber Haze #E8A84A for large fills, and Acacia for small badges. Keep body text in a deep anchor such as Deep Cacao #3C1D06 so it clears AAA.
Branding and print: the palette suits hospitality, candles and home goods, seasonal promotions, and sunny lifestyle content. Lead with one warm tone, keep Cloud Dancer as your base, and add a deep brown for typography.
Social and editorial: Golden Hour glows behind golden-light photography, food, and travel. Keep large areas in cream and melon and let Amber Haze add a rich focal block.
Golden Hour CSS Variables
Paste this straight into your stylesheet to use the palette as design tokens, including the accessible dark tones for text:
:root {
--amber-haze: #E8A84A;
--muskmelon: #F4A46A;
--acacia: #D4CC5A;
--pale-banana: #F5E6B2;
--cloud-dancer: #EDE8DF;
/* accessible dark tones for text and UI */
--dark-amber: #3B2800;
--deep-cacao: #3C1D06;
--deep-moss: #36330F;
}
Want this palette turned into a complete brand kit with matching fonts, contrast checks, and Tailwind and Figma tokens? Run it through the ColorSense Brand Kit, or pull a related set from your own image with the Color Picker.
Golden Hour is one of 13 summer 2026 color palettes in our full guide. Browse the rest for pastels, brights, and coastal blues.
Take it further
Turn any palette into a full brand kit
ColorSense AI Brand Kit pairs your palette with matching fonts, accessibility checks, and export-ready CSS, Tailwind, and Figma tokens.
Build a Brand Kit →