Back to palettes

Palette

Golden Afternoon Glow

A radiant palette capturing the soft, inviting glow of sunlight on a warm afternoon.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FCE8C3#F6D19E#EAB779#DC9C53#CC842D

Palette guide

How to use Golden Afternoon Glow

Overview

The "Golden Afternoon Glow" palette radiates warmth and cheerfulness, capturing the inviting light of a sunny afternoon. This gradient of golden yellows and soft oranges, from the gentle `#FCE8C3` to the rich `#CC842D`, offers a consistently warm and optimistic feel. Key shades like `#F6D19E`, `#EAB779`, and `#DC9C53` create a harmonious flow, perfect for designs that aim to be welcoming, energetic, and joyful. It's an excellent choice for lifestyle brands, food and beverage, or any project seeking to evoke comfort, happiness, and a natural, sun-kissed aesthetic.

Best used for

  • Lifestyle and wellness blogs
  • Food and beverage branding
  • Children's product design
  • Summer seasonal marketing
  • Home decor and cozy interior themes
  • Photography filters and presets

Suggested color roles

primary

Use `#DC9C53` for main headings and calls-to-action, providing a strong yet inviting golden presence.

secondary

Employ `#EAB779` for supporting elements, subheadings, or secondary graphics, offering a softer warmth.

accent

Apply `#CC842D` for impactful accents, interactive elements, or to add depth and a touch of rich warmth.

background

Utilize `#FCE8C3` as a light, radiant background, creating an open and cheerfully inviting canvas.

text

A dark brown or charcoal (e.g., #4A3C2E or #333333) will provide the necessary contrast for text against these warm, light backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using lighter shades like `#FCE8C3` or `#F6D19E` for backgrounds.
  • The lighter golds may not provide enough contrast for small text when used as text colors themselves; opt for darker shades or black.
  • Test color combinations for WCAG compliance, particularly for interactive elements and important information.
  • Avoid using very light text on `#FCE8C3` or `#F6D19E` as it will have poor readability.

Recommended combinations

Sunny Gradient

Creates a smooth, warm transition, ideal for backgrounds or header sections.

#FCE8C3 · #EAB779 · #DC9C53

Warm Accent

Highlights key elements with rich gold, supported by a deeper tone and a lighter accent.

#DC9C53 · #CC842D · #F6D19E

Comforting Base

A light background with strong accents and a mid-tone for readability and warmth.

#FCE8C3 · #CC842D · #EAB779

CSS variables

:root {
  --golden-afternoon-glow-1: #FCE8C3;
  --golden-afternoon-glow-2: #F6D19E;
  --golden-afternoon-glow-3: #EAB779;
  --golden-afternoon-glow-4: #DC9C53;
  --golden-afternoon-glow-5: #CC842D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-afternoon-glow": {
        1: "#FCE8C3",
        2: "#F6D19E",
        3: "#EAB779",
        4: "#DC9C53",
        5: "#CC842D",
      }
    }
  }
}

Related searches

golden yellow color schemewarm afternoon glow palettesunny inviting colorscheerful orange goldnatural light design palette

Palette colors

Hex values

Color 1#FCE8C3
·
Color 2#F6D19E
·
Color 3#EAB779
·
Color 4#DC9C53
·
Color 5#CC842D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
2:1Fail
2.5:1Fail
2
1.2:1Fail
1.3:1Fail
1.6:1Fail
2.1:1Fail
3
1.5:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail
4
2:1Fail
1.6:1Fail
1.3:1Fail
1.3:1Fail
5
2.5:1Fail
2.1:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Golden Afternoon Glow

View all warm
Golden Grain Fields
Harvest Gold Fields
Sun-Kissed Wheat Fields
Sun-Kissed Wheatfield
Amber Grain Harvest
Desert Cactus Bloom