Back to palettes

Palette

Electric Sunset Glow

A breathtaking display of intense pinks, oranges, and yellows, like a digital sunset.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#FF007F#FF8C00#FFD700#FFFF00

Palette guide

How to use Electric Sunset Glow

Overview

The Electric Sunset Glow palette showcases a breathtaking display of intense pinks, oranges, and yellows, like a digital sunset. It features the vibrant #FF00FF (Magenta), energetic #FF007F (Ruby), luminous #FF8C00 (Dark Orange), rich #FFD700 (Gold), and bright #FFFF00 (Yellow). This collection is perfect for designs that demand a dramatic, energetic, and visually captivating aesthetic. Designers can leverage these hues for impactful branding, dynamic backgrounds, or digital art that evokes a unique natural phenomenon with a futuristic twist. Developers will find it excellent for creating engaging user experiences in applications, websites, or games that require a distinctly modern, energetic, and visually compelling feel, especially for event promotions or creative platforms.

Best used for

  • Summer festival branding
  • Youth-focused digital campaigns
  • Dynamic website headers
  • Digital art and abstract compositions
  • Music video aesthetics
  • Vibrant social media content

Suggested color roles

primary

#FF00FF (Magenta) - A powerful, energetic primary color, ideal for main branding elements, large graphic areas, or a dominant background color for high impact.

secondary

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

accent

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

background

#FFD700 (Gold) - A bright and energetic background that can command attention, best used sparingly. For a more versatile dark background, consider a deep purple or black.

text

#FF007F (Ruby) - Effective for striking headlines on dark backgrounds. For body text, black or a very dark gray (e.g., #1A1A1A) will offer better readability on lighter backgrounds.

Accessibility notes

  • Ensure high contrast when pairing #FFFF00 or #FFD700 with light backgrounds; dark text is usually necessary.
  • Avoid using #FF00FF, #FF007F, or #FF8C00 for small body text due to their intensity.
  • When using #FFD700 as a background, ensure text colors (e.g., black) meet WCAG contrast ratios.
  • Prioritize dark text (e.g., black) on #FFFF00 or #FFD700, and white text on #FF00FF or #FF007F for optimal readability.

Recommended combinations

Digital Sunset

Creates a classic fiery sunset gradient, ideal for backgrounds, headers, or any design needing warm, intense energy with a digital feel.

#FF00FF · #FF8C00 · #FFFF00

Glow Horizon

Perfect for vibrant highlights, interactive elements, or a fresh, modern feel in digital interfaces, mimicking a unique sky.

#FFD700 · #FF007F · #FF8C00

Electric Burst

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

#FFFF00 · #FF00FF · #FF007F

CSS variables

:root {
  --electric-sunset-glow-1: #FF00FF;
  --electric-sunset-glow-2: #FF007F;
  --electric-sunset-glow-3: #FF8C00;
  --electric-sunset-glow-4: #FFD700;
  --electric-sunset-glow-5: #FFFF00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-sunset-glow": {
        1: "#FF00FF",
        2: "#FF007F",
        3: "#FF8C00",
        4: "#FFD700",
        5: "#FFFF00",
      }
    }
  }
}

Related searches

neon sunset color palettevibrant pink orange yellowelectric glow designenergetic digital sunsethigh contrast warm scheme

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#FF007F
·
Color 3#FF8C00
·
Color 4#FFD700
·
Color 5#FFFF00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.3:1Fail
2.2:1Fail
2.9:1Fail
2
1.2:1Fail
1.6:1Fail
2.7:1Fail
3.5:1AA18
3
1.3:1Fail
1.6:1Fail
1.7:1Fail
2.2:1Fail
4
2.2:1Fail
2.7:1Fail
1.7:1Fail
1.3:1Fail
5
2.9:1Fail
3.5:1AA18
2.2:1Fail
1.3:1Fail

Similar palettes

More like Electric Sunset Glow

View all vibrant
Neon Alley Burst
Neon Urban Pulse
City Lights Energy
Cyber Glow Graffiti
Cyber Grid Flash
Cyberpunk Alley Glow