Back to palettes

Palette

Sunset Dust Hues

Luminous golden hues that capture the magical warmth and long shadows of late afternoon light.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunset Dust Hues 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 Sunset Dust Hues.

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

Data visualization

#FFC300#FFD60A#FFEA00#FFF7C0#B8860B

Palette guide

How to use Sunset Dust Hues

Overview

The Sunset Dust Hues palette captures the luminous golden warmth and long shadows of late afternoon light, creating an energetic and bright aesthetic. This collection is dominated by brilliant yellows and golds, from the intense #FFC300 and vibrant #FFD60A to the radiant #FFEA00. The soft, near-white #FFF7C0 provides an airy foundation, while the deep gold of #B8860B offers a grounding, luxurious touch. Designers can leverage this palette to create impactful branding, engaging web interfaces, or sunny marketing materials that convey optimism, energy, and a touch of opulence. It's particularly effective for projects that aim to stand out with a cheerful, yet sophisticated, golden glow.

Best used for

  • Luxury jewelry brands
  • Summer festival promotions
  • Children's educational apps
  • Food and beverage packaging (honey, citrus)
  • Financial or wealth management services
  • Bright and cheerful lifestyle blogs

Suggested color roles

primary

Utilize #FFC300 (Golden Yellow) for prominent calls-to-action, headlines, or brand logos to convey immediate energy and positivity.

secondary

Apply #B8860B (Dark Goldenrod) for important subheadings, navigation, or strong accent lines to provide depth and luxury.

accent

Highlight with #FFD60A (Bright Yellow) for interactive states, small icons, or subtle decorative elements, adding a vibrant spark.

background

Use #FFF7C0 (Pale Yellow) as a light, luminous background color, ensuring a bright and inviting canvas.

text

For body text, a dark grey or black provides the best contrast against the bright yellows; #B8860B can be used for larger headings.

Accessibility notes

  • Text on #FFF7C0 requires strong dark contrast (black or dark grey) for readability.
  • Avoid placing light yellows like #FFD60A or #FFEA00 on #FFF7C0 for text or small icons due to poor contrast.
  • Ensure interactive elements using #FFC300 have clear focus states, as its brightness can make subtle changes hard to perceive.
  • For small text, #B8860B on #FFF7C0 offers good contrast, but check against other yellows.

Recommended combinations

Golden Hour

Create a rich, luminous design; #FFF7C0 as background, #FFC300 for primary content, and #B8860B for deep accents.

#FFF7C0 · #FFC300 · #B8860B

Bright & Bold

Ideal for vibrant, energetic branding, where the yellows can be used in gradients or distinct blocks for maximum impact.

#FFEA00 · #FFD60A · #FFC300

Sunny Contrast

Combine the lightest background with the darkest primary and a vibrant accent for clear hierarchy and strong visual appeal.

#FFF7C0 · #B8860B · #FFC300

CSS variables

:root {
  --sunset-dust-hues-1: #FFC300;
  --sunset-dust-hues-2: #FFD60A;
  --sunset-dust-hues-3: #FFEA00;
  --sunset-dust-hues-4: #FFF7C0;
  --sunset-dust-hues-5: #B8860B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunset-dust-hues": {
        1: "#FFC300",
        2: "#FFD60A",
        3: "#FFEA00",
        4: "#FFF7C0",
        5: "#B8860B",
      }
    }
  }
}

Related searches

golden yellow palettebright sunset colorsluminous gold designenergetic yellow schemesun dust hues

Palette colors

Hex values

Color 1#FFC300
·
Color 2#FFD60A
·
Color 3#FFEA00
·
Color 4#FFF7C0
·
Color 5#B8860B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.3:1Fail
1.5:1Fail
2:1Fail
2
1.1:1Fail
1.1:1Fail
1.3:1Fail
2.3:1Fail
3
1.3:1Fail
1.1:1Fail
1.1:1Fail
2.6:1Fail
4
1.5:1Fail
1.3:1Fail
1.1:1Fail
3:1Fail
5
2:1Fail
2.3:1Fail
2.6:1Fail
3:1Fail

Similar palettes

More like Sunset Dust Hues

View all warm