Back to palettes

Palette

Autumn Dusk Glow

The warm, fading light of a late autumn day, casting a soft, golden glow over the harvested fields.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Autumn Dusk 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 Autumn Dusk Glow.

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

Data visualization

#A35D29#D48D4C#E7B56C#FFD28C#FFEEC3

Palette guide

How to use Autumn Dusk Glow

Overview

The "Autumn Dusk Glow" palette beautifully captures the warm, fading light of a late autumn day, casting a soft, golden glow. Starting with the deep, earthy brown-orange of #A35D29, it transitions smoothly through the inviting #D48D4C and the warm #E7B56C. The palette culminates in the luminous, golden tones of #FFD28C and the soft cream of #FFEEC3. This collection is perfect for designs seeking to evoke warmth, comfort, and a gentle, natural beauty. Developers and designers can use these harmonious hues for creating inviting web interfaces, comforting branding, or evocative digital art.

Best used for

  • Natural beauty product branding
  • Autumnal wedding or event themes
  • Cozy lifestyle blogs and websites
  • Home decor e-commerce platforms
  • Photography portfolios showcasing natural light
  • Mobile apps with a soft, comforting aesthetic

Suggested color roles

primary

#D48D4C - A warm, inviting amber-orange, excellent for main headings, call-to-action buttons, or key visual elements.

secondary

#E7B56C - A softer, golden orange that provides gentle support for subheadings, card backgrounds, or secondary navigation.

accent

#A35D29 - A deep, earthy brown-orange that adds grounding and sophistication, perfect for subtle accents, icons, or important text details.

background

#FFEEC3 - A very light, creamy yellow that offers a soft, luminous base, ensuring content clarity and an overall warm, inviting feel.

text

#A35D29 - A deep, rich brown-orange that provides strong contrast against lighter shades like #FFEEC3, ensuring excellent readability for body text.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #E7B56C or #FFD28C on #FFEEC3, which may not meet WCAG AA standards.
  • Use #A35D29 or a very dark brown/black for body text on #FFEEC3 to guarantee high readability.
  • Avoid using #FFD28C for small text elements against a light background.
  • Check interactive elements for clear visual feedback and sufficient contrast in all states.

Recommended combinations

Golden Hour

Creates a soft, luminous gradient, perfect for backgrounds, headers, or subtle visual layering.

#FFEEC3 · #FFD28C · #E7B56C

Deep Earth Glow

Uses the deepest shade for grounding, balanced by a vibrant mid-tone and a light background for contrast.

#A35D29 · #D48D4C · #FFEEC3

Warm Transition

A smooth, warm progression ideal for banners, illustrations, or dynamic background elements.

#D48D4C · #E7B56C · #FFD28C

CSS variables

:root {
  --autumn-dusk-glow-1: #A35D29;
  --autumn-dusk-glow-2: #D48D4C;
  --autumn-dusk-glow-3: #E7B56C;
  --autumn-dusk-glow-4: #FFD28C;
  --autumn-dusk-glow-5: #FFEEC3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-dusk-glow": {
        1: "#A35D29",
        2: "#D48D4C",
        3: "#E7B56C",
        4: "#FFD28C",
        5: "#FFEEC3",
      }
    }
  }
}

Related searches

autumn golden hour colorswarm fall sunset palettesoft orange yellow schemenatural light web designcomforting earthy glow palette

Palette colors

Hex values

Color 1#A35D29
·
Color 2#D48D4C
·
Color 3#E7B56C
·
Color 4#FFD28C
·
Color 5#FFEEC3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2.7:1Fail
3.6:1AA18
4.4:1AA18
2
1.9:1Fail
1.5:1Fail
1.9:1Fail
2.4:1Fail
3
2.7:1Fail
1.5:1Fail
1.3:1Fail
1.6:1Fail
4
3.6:1AA18
1.9:1Fail
1.3:1Fail
1.2:1Fail
5
4.4:1AA18
2.4:1Fail
1.6:1Fail
1.2:1Fail

Similar palettes

More like Autumn Dusk Glow

View all warm
Spiced Honeycomb Gleam
Autumn Cider Festival
Autumn Cider Spill
Autumn Cider Warmth
Autumn Foliage
Autumn Foliage Ember