Back to palettes

Palette

Golden Hour Glow

Emulates the magical, soft, and radiant light of the sun during the cherished golden hour.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Golden Hour Glow 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 Glow.

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

Data visualization

#FFF8E1#FFDAB9#FDCF7D#ECA72C#CB7B0C

Palette guide

How to use Golden Hour Glow

Overview

This Golden Hour Glow palette emulates the magical, soft, and radiant light of the sun during the cherished golden hour, creating a natural and comforting mood. It ranges from the almost white #FFF8E1 to the deep #CB7B0C, featuring the warm #FFDAB9, the inviting #FDCF7D, and the robust #ECA72C. This versatile collection allows designers to create gentle yet impactful visual experiences. Developers can use the lighter shades for serene backgrounds and the deeper tones for strong typographic elements or calls to action, ensuring a harmonious balance between softness and clarity across web and print media.

Best used for

  • Wellness and spa branding
  • Home goods and interior design
  • Baby and children's product packaging
  • Natural beauty and organic products
  • Soft, inviting website designs
  • Relaxation and meditation apps

Suggested color roles

primary

#FDCF7D (A warm, inviting golden hue that feels approachable and radiant, ideal for main headings, illustrations, or primary branding.)

secondary

#ECA72C (A richer, more saturated gold, providing a strong anchor and excellent contrast, suitable for important data, borders, or navigation.)

accent

#CB7B0C (A deep, earthy brown-gold, perfect for small, impactful details, call-to-action buttons, or elements requiring significant visual weight.)

background

#FFF8E1 (A very light, creamy off-white, serving as an airy and soft base that enhances the warmth of the other colors and ensures readability.)

text

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

Accessibility notes

  • Ensure #CB7B0C text on #FFF8E1 background meets WCAG AA contrast standards.
  • Avoid using #FFDAB9 text on #FDCF7D due to low contrast.
  • The lightest color, #FFF8E1, provides a safe background for all darker text colors in the palette.
  • For critical text, consider charcoal or black on #FFF8E1 to maximize readability for all users.

Recommended combinations

Soft Landing

A light background with a warm primary and a rich secondary for a gentle, inviting section.

#FFF8E1 · #FDCF7D · #ECA72C

Deep Contrast

A dark element with a bright highlight and a soft background for depth and clarity.

#CB7B0C · #FDCF7D · #FFF8E1

Warm CTA

A vibrant call-to-action on a light background with deep text for emphasis.

#ECA72C · #FFF8E1 · #CB7B0C

CSS variables

:root {
  --golden-hour-glow-1: #FFF8E1;
  --golden-hour-glow-2: #FFDAB9;
  --golden-hour-glow-3: #FDCF7D;
  --golden-hour-glow-4: #ECA72C;
  --golden-hour-glow-5: #CB7B0C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-glow": {
        1: "#FFF8E1",
        2: "#FFDAB9",
        3: "#FDCF7D",
        4: "#ECA72C",
        5: "#CB7B0C",
      }
    }
  }
}

Related searches

soft golden color schemenatural warm palettecomforting sunlight colorscreamy gold designgolden hour web design

Palette colors

Hex values

Color 1#FFF8E1
·
Color 2#FFDAB9
·
Color 3#FDCF7D
·
Color 4#ECA72C
·
Color 5#CB7B0C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
2:1Fail
3.1:1AA18
2
1.2:1Fail
1.1:1Fail
1.6:1Fail
2.5:1Fail
3
1.4:1Fail
1.1:1Fail
1.4:1Fail
2.3:1Fail
4
2:1Fail
1.6:1Fail
1.4:1Fail
1.6:1Fail
5
3.1:1AA18
2.5:1Fail
2.3:1Fail
1.6:1Fail

Similar palettes

More like Golden Hour Glow

View all warm
Golden Field Radiance
Amber Sands Mirage
Amber Sundown Glow
Amber Wheat Harvest
Artisan Coffee Blend
Cinnamon Bark Brew