Back to palettes

Palette

Electric Sunset Horizon

Explodes with the intense, electric glow of a dramatic sunset stretching across a wide horizon.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F6D649#F39237#E05342#BF3F3F#7E2D2D

Palette guide

How to use Electric Sunset Horizon

Overview

The Electric Sunset Horizon palette explodes with the intense, electric glow of a dramatic sunset stretching across a wide horizon. It features a gradient from the bright #F6D649 (Yellow) to deep #7E2D2D (Dark Red), including #F39237 (Orange), #E05342 (Red Orange), and #BF3F3F (Indian Red). This cohesive range of warm, fiery hues evokes drama, passion, and natural intensity. Designers can leverage these colors for impactful branding, epic backgrounds, or designs that aim to feel robust and dynamic. Developers will find it suitable for creating engaging user experiences in applications, websites, or games that require a distinctly powerful, energetic, and visually compelling feel, especially for adventure themes or dramatic narratives.

Best used for

  • Adventure brand identity
  • Outdoor lifestyle promotions
  • Dramatic game environments
  • Film and documentary branding
  • Warm-toned digital art
  • Event graphics with a fiery theme

Suggested color roles

primary

#E05342 (Red Orange) - A bold and energetic primary color, ideal for main branding elements, large graphic areas, or a dominant background color for high impact.

secondary

#F39237 (Orange) - Offers a warm, vibrant counterpoint, suitable for subheadings, navigation elements, or secondary graphic accents, adding depth to the sunset tones.

accent

#F6D649 (Yellow) - A luminous, attention-grabbing accent for alerts, notifications, or critical information that needs immediate visibility, mimicking the sun's final glow.

background

#7E2D2D (Dark Red) - A deep, rich background color that evokes the dramatic end of a sunset, providing a powerful base for other elements. A lighter option is #BF3F3F.

text

#F6D649 (Yellow) - Effective for striking headlines on dark backgrounds. For body text, black or a very dark brown (e.g., #3A1C0E) will offer better readability on lighter backgrounds.

Accessibility notes

  • Ensure high contrast when pairing #F6D649 or #F39237 with light backgrounds; dark text is usually necessary.
  • Avoid using #E05342 or #BF3F3F for small body text due to their intensity.
  • When using #7E2D2D as a background, ensure text colors (e.g., white or yellow) meet WCAG contrast ratios.
  • Prioritize dark text (e.g., black or dark brown) on #F6D649 or #F39237 for optimal readability.

Recommended combinations

Horizon Gradient

Creates a smooth, captivating gradient effect, perfect for backgrounds, brand visuals, or dramatic digital art with a sunset theme.

#7E2D2D · #E05342 · #F6D649

Fiery Glow

Ideal for vibrant highlights, interactive elements, or a powerful feel in digital interfaces, mimicking intense light.

#F39237 · #BF3F3F · #F6D649

Sunset Drama

A bold and striking trio for expressive art, attention-grabbing calls-to-action, or lively interface elements with a dramatic, fiery twist.

#E05342 · #7E2D2D · #F39237

CSS variables

:root {
  --electric-sunset-horizon-1: #F6D649;
  --electric-sunset-horizon-2: #F39237;
  --electric-sunset-horizon-3: #E05342;
  --electric-sunset-horizon-4: #BF3F3F;
  --electric-sunset-horizon-5: #7E2D2D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-sunset-horizon": {
        1: "#F6D649",
        2: "#F39237",
        3: "#E05342",
        4: "#BF3F3F",
        5: "#7E2D2D",
      }
    }
  }
}

Related searches

electric sunset redvibrant horizon colorsdramatic warm palettefiery gradient designbold sunset scheme

Palette colors

Hex values

Color 1#F6D649
·
Color 2#F39237
·
Color 3#E05342
·
Color 4#BF3F3F
·
Color 5#7E2D2D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.7:1Fail
3.7:1AA18
6.4:1AA
2
1.6:1Fail
1.6:1Fail
2.2:1Fail
3.9:1AA18
3
2.7:1Fail
1.6:1Fail
1.4:1Fail
2.4:1Fail
4
3.7:1AA18
2.2:1Fail
1.4:1Fail
1.7:1Fail
5
6.4:1AA
3.9:1AA18
2.4:1Fail
1.7:1Fail

Similar palettes

More like Electric Sunset Horizon

View all vibrant
Crimson Horizon Blaze
Crimson Horizon Vista
Abstract Chroma Splash
Abstract Expression Burst
Abstract Expression Hues
Abstract Expression Paint