Back to palettes

Palette

Golden Hour Haze

Soft yellows and warm oranges capturing the magical, hazy glow of the golden hour.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Golden Hour Haze reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Golden Hour Haze.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#FBF3DE#F2E4BE#E6D59E#DAB77E#CC9A5E

Palette guide

How to use Golden Hour Haze

Overview

The Golden Hour Haze palette captures the magical, hazy glow of the golden hour with soft yellows and warm oranges, creating a calm and ethereal mood. This subtle collection features the almost translucent #FBF3DE, the gentle #F2E4BE, and the slightly richer #E6D59E, progressing to the warm #DAB77E and the deeper #CC9A5E. It's perfect for designers aiming to evoke serenity and delicate beauty. Developers can leverage the harmonious progression of these shades to create soft gradients or layered backgrounds, while the darker tones can provide subtle contrast for text, ensuring an elegant and soothing user experience.

Best used for

  • Wellness and meditation apps
  • Spa and relaxation branding
  • Soft, ethereal photography websites
  • Baby products and nurseries
  • Wedding invitations and decor
  • Minimalist interior design concepts

Suggested color roles

primary

#E6D59E (A soft, muted gold that feels serene and elegant, ideal for main headings, subtle illustrations, or primary branding elements.)

secondary

#DAB77E (A slightly deeper, warmer gold, providing gentle contrast and stability, suitable for subheadings, borders, or secondary information.)

accent

#CC9A5E (A rich, earthy gold that offers a touch of depth and grounding, perfect for small, impactful details or interactive elements that need subtle prominence.)

background

#FBF3DE (A very light, almost white cream, serving as an ethereal and soft base that enhances the delicate nature of the palette and ensures readability.)

text

#CC9A5E (A deep, warm gold-brown, offering good readability against lighter backgrounds and contributing to the palette's calm, natural feel for body text.)

Accessibility notes

  • Ensure #CC9A5E text on #FBF3DE background meets WCAG AA contrast standards.
  • Avoid using lighter shades like #F2E4BE for text on #E6D59E due to very low contrast.
  • The overall low contrast of this palette requires careful application for text.
  • For essential text, consider a very dark brown or charcoal on #FBF3DE to ensure universal readability.

Recommended combinations

Hazy Gradient

For soft, atmospheric backgrounds or subtle visual transitions.

#FBF3DE · #F2E4BE · #E6D59E

Gentle Emphasis

A warm primary with a deep accent and a light background for delicate content blocks.

#DAB77E · #CC9A5E · #FBF3DE

Serene Text

Light background with warm, deep text and a soft heading for a calming visual.

#FBF3DE · #CC9A5E · #E6D59E

CSS variables

:root {
  --golden-hour-haze-2-1: #FBF3DE;
  --golden-hour-haze-2-2: #F2E4BE;
  --golden-hour-haze-2-3: #E6D59E;
  --golden-hour-haze-2-4: #DAB77E;
  --golden-hour-haze-2-5: #CC9A5E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-haze-2": {
        1: "#FBF3DE",
        2: "#F2E4BE",
        3: "#E6D59E",
        4: "#DAB77E",
        5: "#CC9A5E",
      }
    }
  }
}

Related searches

golden hour haze colorsethereal yellow palettecalm warm cream designsoft muted gold brandingserene light yellow

Palette colors

Hex values

Color 1#FBF3DE
·
Color 2#F2E4BE
·
Color 3#E6D59E
·
Color 4#DAB77E
·
Color 5#CC9A5E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.3:1Fail
1.7:1Fail
2.3:1Fail
2
1.1:1Fail
1.2:1Fail
1.5:1Fail
2:1Fail
3
1.3:1Fail
1.2:1Fail
1.3:1Fail
1.7:1Fail
4
1.7:1Fail
1.5:1Fail
1.3:1Fail
1.3:1Fail
5
2.3:1Fail
2:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Golden Hour Haze

View all warm
Golden Hour Haze
Dusk Radiance Warmth
Golden Horizon Warmth
Golden Hour Glow
Golden Sands Whisper
Radiant Solstice Hues