Back to palettes

Palette

Sunset Metropolis

Fiery reds and oranges burst with the energy of a city skyline glowing under a dramatic sunset.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF4500#FF8C00#FFD700#FF6347#E67300

Palette guide

How to use Sunset Metropolis

Overview

The 'Sunset Metropolis' palette radiates with the dynamic energy of a city skyline at dusk. It features a vibrant array of fiery reds and oranges, including the intense #FF4500, the bright #FF8C00, and the striking #FF6347. The palette is further energized by the golden brilliance of #FFD700, reminiscent of city lights, while #E67300 provides a slightly deeper, grounding orange. This collection is perfect for designers aiming to convey modernity, excitement, and a bold, forward-thinking aesthetic. It's a highly energetic palette designed to make a strong visual statement.

Best used for

  • Modern tech and startup branding
  • Dynamic event and festival promotions
  • Urban lifestyle blogs and magazines
  • Sports team branding and merchandise
  • Entertainment industry marketing
  • App interfaces with a bold, contemporary feel

Suggested color roles

primary

Use #FF4500 for high-impact calls to action, prominent headings, or to signify primary brand elements.

secondary

Employ #FF8C00 for supporting elements, subheadings, or as a harmonious partner to the primary orange.

accent

Apply #FFD700 for highlighting key information, interactive elements, or to simulate a radiant glow. #FF6347 also serves as a lively accent.

background

A very light gray or near-white background allows these vibrant colors to truly pop. Alternatively, a dark charcoal provides a dramatic, sophisticated contrast.

text

Opt for black or a dark charcoal on light backgrounds for maximum readability. On dark backgrounds, white or a very light gray text works best.

Accessibility notes

  • Text in any vibrant palette color will generally require a stark white or very light background for sufficient contrast.
  • Avoid using similar hues like #FF4500 and #FF6347 for text and background in close proximity due to potential readability issues.
  • Ensure #FFD700 has excellent contrast if used for text, especially against lighter orange backgrounds.
  • For dark backgrounds, white text provides superior readability across all palette colors.

Recommended combinations

City Glow

Creates a radiant and energetic gradient, ideal for headers, banners, or dynamic graphic elements.

#FF4500 · #FF8C00 · #FFD700

Urban Blaze

Offers a vibrant, fiery combination for impactful calls to action or energetic brand visuals.

#FF6347 · #E67300 · #FF4500

Golden Hour

Provides a warm, inviting, and luminous feel, suitable for subtle highlights or background textures.

#FFD700 · #FF8C00 · #E67300

CSS variables

:root {
  --sunset-metropolis-1: #FF4500;
  --sunset-metropolis-2: #FF8C00;
  --sunset-metropolis-3: #FFD700;
  --sunset-metropolis-4: #FF6347;
  --sunset-metropolis-5: #E67300;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunset-metropolis": {
        1: "#FF4500",
        2: "#FF8C00",
        3: "#FFD700",
        4: "#FF6347",
        5: "#E67300",
      }
    }
  }
}

Related searches

vibrant city palettemodern orange red colorsenergetic brand identityurban sunset designdynamic color scheme

Palette colors

Hex values

Color 1#FF4500
·
Color 2#FF8C00
·
Color 3#FFD700
·
Color 4#FF6347
·
Color 5#E67300
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.5:1Fail
1.2:1Fail
1.1:1Fail
2
1.5:1Fail
1.7:1Fail
1.3:1Fail
1.3:1Fail
3
2.5:1Fail
1.7:1Fail
2.1:1Fail
2.2:1Fail
4
1.2:1Fail
1.3:1Fail
2.1:1Fail
1:1Fail
5
1.1:1Fail
1.3:1Fail
2.2:1Fail
1:1Fail

Similar palettes

More like Sunset Metropolis

View all vibrant
Urban Crimson Pulse
Abstract City Lights
Abstract City Rhythm
Abstract Expression Burst
Carnival Spice Blend
City Lights Energy