Back to palettes

Palette

Radiant Sunset Embrace

The stunning transition of a sky during the golden hour, from bright gold to deep fiery orange.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFD700#FFA500#FF8C00#FF4500#DC143C

Palette guide

How to use Radiant Sunset Embrace

Overview

The Radiant Sunset Embrace palette captures the stunning transition of a sky during the golden hour, from bright gold to deep fiery orange. This collection, featuring #FFD700, #FF8C00, and #DC143C, is intensely warm and energetic. It's a powerful choice for designers and developers looking to convey drama, passion, and natural beauty. The progression from luminous gold to deep crimson allows for highly impactful visual storytelling, ideal for branding, digital advertising, or event promotion. This palette creates a sense of awe and excitement, reflecting the captivating glow of a sunset.

Best used for

  • Travel agencies and destination marketing
  • Entertainment and nightlife venue branding
  • Bold and dramatic branding projects
  • Sports teams and athletic apparel design
  • Event promotions for high-energy gatherings
  • Digital advertising and banner campaigns

Suggested color roles

primary

#FFD700 serves as a luminous and inviting main color, perfect for attention-grabbing headers or key calls to action.

secondary

#FF8C00 offers a rich, warm support tone, ideal for subheadings, secondary buttons, or accent panels.

accent

#DC143C provides a powerful, fiery highlight, excellent for important interactive elements or strong visual anchors.

background

A very light cream or off-white (e.g., #FDFDFD) would provide a clean contrast, allowing the vibrant colors to shine.

text

For optimal readability, use black or dark charcoal text on lighter backgrounds. On #FFD700, a deep red or black ensures strong contrast.

Accessibility notes

  • The brighter colors like #FFD700 and #FFA500 will require dark text (e.g., black or dark charcoal) for readability.
  • #DC143C offers strong contrast for text when placed against very light backgrounds, making it suitable for headings.
  • Avoid using similar shades for text and background without careful contrast testing to ensure legibility.
  • Ensure interactive elements are clearly distinguishable and provide good contrast for all users.

Recommended combinations

Fiery Gradient

Ideal for creating dynamic backgrounds, hero images, or graphic elements that need a smooth, energetic flow.

#FFD700 · #FFA500 · #FF8C00

Deep Sunset

Use for a powerful and dramatic visual hierarchy, perfect for showcasing intense content or key messages.

#FF8C00 · #FF4500 · #DC143C

Bold Statement

Combine the brightest gold with the deepest red and a warm orange for a striking and balanced design.

#FFD700 · #DC143C · #FFA500

CSS variables

:root {
  --radiant-sunset-embrace-1: #FFD700;
  --radiant-sunset-embrace-2: #FFA500;
  --radiant-sunset-embrace-3: #FF8C00;
  --radiant-sunset-embrace-4: #FF4500;
  --radiant-sunset-embrace-5: #DC143C;
}

Tailwind config

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

Related searches

radiant sunset colorsfiery orange red palettegolden hour designenergetic warm huesdramatic color scheme

Palette colors

Hex values

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

Accessibility

Contrast checker

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

Similar palettes

More like Radiant Sunset Embrace

View all warm