Back to palettes

Palette

Golden Sunset

A fiery spectrum of yellows, oranges, and reds, depicting a breathtaking and intense sunset.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFD700#FFA500#FF8C00#FF6347#DC143C

Palette guide

How to use Golden Sunset

Overview

The Golden Sunset palette presents a fiery spectrum of yellows, oranges, and reds, depicting a breathtaking and intense sunset. With bold shades from the bright #FFD700 to the dramatic #DC143C, including the vibrant #FFA500 and #FF6347, this collection offers a highly energetic and passionate visual experience. It's perfect for designers and developers seeking to make a strong statement, conveying warmth, intensity, and an unforgettable impression. The seamless transition across these vivid hues, like #FF8C00, ensures a dynamic and impactful aesthetic for any project.

Best used for

  • High-energy event branding and promotions
  • Sports team graphics and merchandise
  • Dramatic photography portfolios
  • Culinary websites and restaurant menus
  • Impactful advertising campaigns
  • Entertainment industry visuals

Suggested color roles

primary

Use #FFA500 as a vibrant, engaging main color for prominent headings or dynamic brand elements.

secondary

Apply #FFD700 for bright, energetic support in backgrounds or secondary content areas.

accent

Employ #DC143C as a bold, dramatic accent for high-impact calls to action, warnings, or key highlights.

background

Choose #FFD700 as a bright, energetic base for dynamic content, setting an invigorating tone.

text

A dark charcoal or black is highly recommended for readability on these vivid colors to ensure sufficient contrast.

Accessibility notes

  • Most colors are very bright; ensure text (black or charcoal) has sufficient contrast against them for readability.
  • The deep #DC143C provides the strongest contrast for accents but needs careful pairing with text.
  • Avoid using any of these colors directly for body text due to poor contrast against each other or very light text.
  • Use black or a very dark neutral for all primary text for optimal readability and WCAG compliance.

Recommended combinations

Fiery Gradient

Ideal for intense, vibrant background transitions that capture the essence of a sunset.

#FFD700 · #FFA500 · #FF8C00

Dramatic Contrast

Perfect for bold statements and high-impact visual elements that demand attention.

#DC143C · #FF6347 · #FFA500

Energetic Pop

Combines the brightest and deepest shades for dynamic visual emphasis and compelling calls to action.

#FF8C00 · #DC143C · #FFD700

CSS variables

:root {
  --golden-sunset-1: #FFD700;
  --golden-sunset-2: #FFA500;
  --golden-sunset-3: #FF8C00;
  --golden-sunset-4: #FF6347;
  --golden-sunset-5: #DC143C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-sunset": {
        1: "#FFD700",
        2: "#FFA500",
        3: "#FF8C00",
        4: "#FF6347",
        5: "#DC143C",
      }
    }
  }
}

Related searches

fiery sunset colorsdramatic orange redintense gold paletteenergetic warm schemevibrant event colors

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FFA500
·
Color 3#FF8C00
·
Color 4#FF6347
·
Color 5#DC143C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.7:1Fail
2.1:1Fail
3.6:1AA18
2
1.4:1Fail
1.2:1Fail
1.5:1Fail
2.5:1Fail
3
1.7:1Fail
1.2:1Fail
1.3:1Fail
2.1:1Fail
4
2.1:1Fail
1.5:1Fail
1.3:1Fail
1.7:1Fail
5
3.6:1AA18
2.5:1Fail
2.1:1Fail
1.7:1Fail

Similar palettes

More like Golden Sunset

View all warm
Sunset Inferno Blaze
Bright Autumn Orchard
Canyon Sunset Glow
Desert Bloom Oasis
Fiery Sunset Ember
Golden Nectar