Back to palettes

Palette

Sundown Haze

Bathed in the soft, warm light of the golden hour, creating a peaceful and radiant atmosphere.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sundown 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 Sundown Haze.

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

Data visualization

#FFCA28#FFD54F#FFE082#FFECB3#FFB300

Palette guide

How to use Sundown Haze

Overview

The "Sundown Haze" palette is bathed in the soft, warm light of the golden hour, creating a peaceful and radiant atmosphere. This mellow collection of yellows features #FFCA28 (Amber), #FFD54F (Light Amber), #FFE082 (Mellow Yellow), #FFECB3 (Moccasin), and #FFB300 (Dark Amber). It's perfect for designs that aim to convey warmth, tranquility, and a gentle optimism, evoking the serene beauty of a fading sun. Ideal for projects requiring a comforting, natural, or inviting aesthetic, this palette works wonderfully for lifestyle branding, wellness, or cozy digital interfaces.

Best used for

  • Wellness and self-care branding
  • Cozy home goods e-commerce
  • Photography and art display
  • Autumn or golden hour themed content
  • Relaxation and meditation apps
  • Natural beauty product packaging

Suggested color roles

primary

#FFCA28 (Amber) - Use for main headings, prominent call-to-action buttons, or key illustrative elements to convey warmth and positivity.

secondary

#FFB300 (Dark Amber) - Excellent for subheadings, secondary buttons, or significant graphic elements, offering a richer, grounding yellow.

accent

#FFD54F (Light Amber) - Perfect for subtle highlights, icons, or interactive states, adding a delicate touch of brightness.

background

#FFECB3 (Moccasin) - Provides a very soft, warm, and airy base that allows the other yellow and amber tones to create a harmonious glow.

text

#FFE082 (Mellow Yellow) - Works well for decorative text or large display text. For primary body text, a dark brown or charcoal on #FFECB3 is recommended for optimal readability.

Accessibility notes

  • Due to the close proximity of these yellow tones, ensure sufficient contrast for text, especially when layering.
  • Avoid using #FFE082 or #FFD54F for small text on #FFECB3, as contrast will be very low.
  • For body text, use a dark color (e.g., charcoal or deep brown) against #FFECB3 or #FFE082 backgrounds.
  • Reserve the lighter yellows primarily for backgrounds and large graphical elements, not essential text.

Recommended combinations

Golden Glow Base

Creates a radiant, inviting hero section or banner, with brighter ambers against a soft, warm background.

#FFCA28 · #FFD54F · #FFECB3

Mellow Depth

Ideal for grounding elements, using the dark amber for text and accents against lighter, mellow yellows.

#FFB300 · #FFE082 · #FFECB3

Subtle Radiance

Strong visual interest for layered designs or gradient effects, showcasing the smooth transition of warm yellow tones.

#FFD54F · #FFCA28 · #FFE082

CSS variables

:root {
  --sundown-haze-1: #FFCA28;
  --sundown-haze-2: #FFD54F;
  --sundown-haze-3: #FFE082;
  --sundown-haze-4: #FFECB3;
  --sundown-haze-5: #FFB300;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sundown-haze": {
        1: "#FFCA28",
        2: "#FFD54F",
        3: "#FFE082",
        4: "#FFECB3",
        5: "#FFB300",
      }
    }
  }
}

Related searches

golden hour yellow palettewarm mellow color schemelight amber design colorsserene yellow brandingcozy sunbeam aesthetic

Palette colors

Hex values

Color 1#FFCA28
·
Color 2#FFD54F
·
Color 3#FFE082
·
Color 4#FFECB3
·
Color 5#FFB300
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.3:1Fail
1.2:1Fail
2
1.1:1Fail
1.1:1Fail
1.2:1Fail
1.3:1Fail
3
1.2:1Fail
1.1:1Fail
1.1:1Fail
1.4:1Fail
4
1.3:1Fail
1.2:1Fail
1.1:1Fail
1.5:1Fail
5
1.2:1Fail
1.3:1Fail
1.4:1Fail
1.5:1Fail

Similar palettes

More like Sundown Haze

View all warm
Amber Sundown Glow
Golden Hour Glow
Golden Hour Meadow
Honeycomb Nectar Glow
Sunbeam Golden Embrace
Amber Sands Mirage