Palette

Sunset Boulevard Glow

Dynamic and vivid, capturing the dramatic orange, pink, and yellow light of a vibrant city sunset.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF6347#FFA07A#FFD700#E0FFFF#DC143C

Palette guide

How to use Sunset Boulevard Glow

Overview

"Sunset Boulevard Glow" is a dynamic and vivid palette that captures the electrifying energy of a vibrant city sunset. It features a stunning array of warm tones, including the bold #FF6347, softer #FFA07A, and radiant #FFD700 (gold), brilliantly contrasted by the cool, ethereal #E0FFFF. A deep, dramatic red, #DC143C, anchors the palette, adding a touch of urban sophistication. This collection is ideal for designers looking to infuse projects with energy, modernity, and a touch of glamour. Developers can apply these hues to create engaging interfaces for entertainment platforms, fashion brands, or event promotions, ensuring a lively and memorable user experience.

Best used for

Entertainment and media websites
Fashion and beauty brand campaigns
Nightlife or event promotion materials
Modern app interfaces with a vibrant feel
Digital marketing and advertising
Youth-oriented brands and products

Suggested color roles

primary

#FF6347 (A bright, energetic coral, perfect for main calls to action, headlines, and prominent interactive elements.)

secondary

#FFD700 (A rich, vibrant gold, excellent for highlighting key information, awards, or luxury accents.)

accent

#DC143C (A powerful crimson, providing dramatic contrast for important alerts, strong branding, or sophisticated details.)

background

#E0FFFF (A very light, almost white sky blue, offering a clean, airy, and modern backdrop that subtly cools the warm tones.)

text

#DC143C (For strong, legible headings and important text against light backgrounds, or a dark charcoal for body copy.)

Accessibility notes

Ensure high contrast when using #FFA07A on #E0FFFF; it might require bolding or larger text.
#FFD700 (gold) can be challenging for text on light backgrounds; use it for larger decorative elements or icons.
#DC143C provides excellent contrast for white or very light text, suitable for prominent features.
Avoid placing #FF6347 or #FFA07A directly against #DC143C for small text due to potential readability issues.

Recommended combinations

City Lights

Creates a bright, modern look. #FF6347 for focal points, #FFD700 for glamorous accents, and #E0FFFF as a crisp background.

#FF6347 · #FFD700 · #E0FFFF

Urban Drama

For bold, dramatic statements. #DC143C as a powerful base, with #FF6347 and #FFA07A adding vibrant energy.

#DC143C · #FF6347 · #FFA07A

Golden Hour

Evokes a soft, luxurious glow. #FFD700 for highlights, #FFA07A for warmth, and #E0FFFF for a clean, expansive feel.

#FFD700 · #FFA07A · #E0FFFF

CSS variables

:root {
  --sunset-boulevard-glow-1: #FF6347;
  --sunset-boulevard-glow-2: #FFA07A;
  --sunset-boulevard-glow-3: #FFD700;
  --sunset-boulevard-glow-4: #E0FFFF;
  --sunset-boulevard-glow-5: #DC143C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunset-boulevard-glow": {
        1: "#FF6347",
        2: "#FFA07A",
        3: "#FFD700",
        4: "#E0FFFF",
        5: "#DC143C",
      }
    }
  }
}

Hex values

Color 1#FF6347

Color 2#FFA07A

Color 3#FFD700

Color 4#E0FFFF

Color 5#DC143C

Accessibility

Contrast checker

1.5:1Fail

2.1:1Fail

2.8:1Fail

1.7:1Fail

1.5:1Fail

1.4:1Fail

1.9:1Fail

2.5:1Fail

2.1:1Fail

1.4:1Fail

1.3:1Fail

3.6:1AA18

2.8:1Fail

1.9:1Fail

1.3:1Fail

4.7:1AA

1.7:1Fail

2.5:1Fail

3.6:1AA18

4.7:1AA

Similar palettes

More like Sunset Boulevard Glow