Back to palettes

Palette

Sunset Horizon Radiance

A fiery palette capturing the intense colors of a dramatic sunset stretching across the horizon.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFBE7B#FF9A73#E85D4D#B03A2B#6D2C1F

Palette guide

How to use Sunset Horizon Radiance

Overview

The Sunset Horizon Radiance palette captures the intense, fiery colors of a dramatic sunset stretching across the horizon, creating an energetic and vibrant aesthetic. This collection features a powerful progression of oranges and reds, from the intense #E85D4D and deep #B03A2B to the rich, grounding #6D2C1F. Lighter, luminous tones of #FFBE7B and #FF9A73 provide a warm contrast, reminiscent of the sun's last rays. Designers can leverage this palette for projects requiring bold impact, passion, or a connection to natural drama. It's particularly effective for branding, web interfaces, or marketing materials that aim to convey strength, warmth, and an unforgettable visual experience, perfect for a dynamic and engaging presence.

Best used for

  • Adventure travel companies
  • Spicy food product branding
  • Vibrant lifestyle and fashion blogs
  • Sports and outdoor activity promotions
  • Dramatic editorial layouts
  • Automotive or high-performance brands

Suggested color roles

primary

Use #E85D4D (Vivid Coral) for prominent calls-to-action, key headlines, or brand logos to convey energy and urgency.

secondary

Apply #B03A2B (Deep Red-Orange) for important subheadings, navigation, or strong accent lines, adding depth and intensity.

accent

Highlight with #FF9A73 (Soft Orange) for interactive states, subtle icons, or decorative elements, providing a gentle glow.

background

Utilize #FFBE7B (Light Peach-Orange) as a warm, luminous background color, ensuring readability and a vibrant canvas.

text

For body text, #6D2C1F (Dark Red-Brown) offers excellent contrast and reinforces the palette's earthy, passionate feel. Black is also suitable.

Accessibility notes

  • Ensure strong contrast for text on #FFBE7B; prefer #6D2C1F or black for optimal readability.
  • The vibrant #E85D4D and #FF9A73 may have insufficient contrast against each other for small text; use them for larger elements.
  • Verify that #B03A2B provides sufficient contrast against both lighter and darker shades if used for interactive components.
  • Avoid placing #FFBE7B and #FF9A73 directly adjacent for critical information due to their similar light values.

Recommended combinations

Fiery Horizon

Create a dramatic, energetic gradient; #FFBE7B as lightest, #E85D4D for mid-tones, and #B03A2B for deep accents.

#FFBE7B · #E85D4D · #B03A2B

Radiant Depth

Ideal for a strong, passionate look; #6D2C1F as a base, #B03A2B for bold accents, and #FF9A73 for vibrant highlights.

#6D2C1F · #B03A2B · #FF9A73

Sunset Blush

Perfect for vibrant headings, subtle patterns, or graphical elements where a dynamic yet harmonious blend is desired.

#FFBE7B · #FF9A73 · #E85D4D

CSS variables

:root {
  --sunset-horizon-radiance-1: #FFBE7B;
  --sunset-horizon-radiance-2: #FF9A73;
  --sunset-horizon-radiance-3: #E85D4D;
  --sunset-horizon-radiance-4: #B03A2B;
  --sunset-horizon-radiance-5: #6D2C1F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunset-horizon-radiance": {
        1: "#FFBE7B",
        2: "#FF9A73",
        3: "#E85D4D",
        4: "#B03A2B",
        5: "#6D2C1F",
      }
    }
  }
}

Related searches

fiery sunset palettevibrant orange reddramatic horizon colorsenergetic warm tonesradiant natural design

Palette colors

Hex values

Color 1#FFBE7B
·
Color 2#FF9A73
·
Color 3#E85D4D
·
Color 4#B03A2B
·
Color 5#6D2C1F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.1:1Fail
3.7:1AA18
6.4:1AA
2
1.3:1Fail
1.7:1Fail
2.9:1Fail
5:1AA
3
2.1:1Fail
1.7:1Fail
1.8:1Fail
3:1AA18
4
3.7:1AA18
2.9:1Fail
1.8:1Fail
1.7:1Fail
5
6.4:1AA
5:1AA
3:1AA18
1.7:1Fail

Similar palettes

More like Sunset Horizon Radiance

View all warm
Sunset Inferno Blaze
Arid Twilight Glow
Crimson Ember Blaze
Crimson Sunset Mesa
Ember Sky
Fiery Mesa Horizon