Back to palettes

Palette

Energetic City Mural

A vibrant explosion of bold, contrasting colors, mirroring the dynamic and expressive art found in city murals.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Energetic City Mural 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 Energetic City Mural.

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

Data visualization

#FF0000#00FF00#0000FF#FFD700#FF4500

Palette guide

How to use Energetic City Mural

Overview

The "Energetic City Mural" palette is a vibrant explosion of bold, contrasting colors, mirroring the dynamic and expressive art found in city murals. Featuring primary hues like #FF0000 (red), #00FF00 (green), and #0000FF (blue), it's amplified by the bright #FFD700 (gold) and energetic #FF4500 (orange-red). This collection is perfect for designers and developers aiming to create high-impact, modern, and visually striking designs. Its raw, unfiltered energy makes it ideal for projects that demand attention, convey a sense of urban edge, and celebrate bold artistic expression in digital or print media.

Best used for

  • Streetwear and urban fashion brands
  • Art installations and gallery promotions
  • Youth marketing campaigns and digital ads
  • Event posters and festival branding
  • Digital art and graphic novel aesthetics
  • Modern, bold website headers and hero sections

Suggested color roles

primary

Utilize #FF0000 as a dominant, impactful primary color for headlines, key visuals, or call-to-action elements.

secondary

Apply #0000FF for strong, stable secondary elements, providing a cool contrast and structural integrity.

accent

Reserve #00FF00 for electric, high-contrast accents, warnings, or to create a dynamic visual tension.

background

Use a neutral white or a deep charcoal/black background to allow these vibrant colors to truly pop and command attention.

text

White text works exceptionally well on #FF0000, #0000FF, and #FF4500. Black text is ideal for #FFD700 and #00FF00.

Accessibility notes

  • White text on #FF0000, #0000FF, and #FF4500 will provide excellent contrast. Black text on #FFD700 and #00FF00 is recommended.
  • Be highly mindful of color blindness when pairing #FF0000 and #00FF00; use secondary indicators or patterns for critical information.
  • High saturation colors can cause visual vibration when placed next to each other; use borders or spacing to mitigate this.
  • Ensure interactive elements have clear focus states beyond just color changes, given the intensity of the palette.

Recommended combinations

Primary Blast

Ideal for bold, graphic layouts, poster designs, or hero sections where maximum impact and clarity are desired.

#FF0000 · #0000FF · #FFD700

Urban Pop

Perfect for creating dynamic, street-art inspired visuals, UI highlights, or branding with an edgy, modern feel.

#FF4500 · #00FF00 · #0000FF

High Energy

Use this combination for urgent messaging, energetic advertisements, or designs that need to convey excitement and urgency.

#FF0000 · #FFD700 · #00FF00

CSS variables

:root {
  --energetic-city-mural-1: #FF0000;
  --energetic-city-mural-2: #00FF00;
  --energetic-city-mural-3: #0000FF;
  --energetic-city-mural-4: #FFD700;
  --energetic-city-mural-5: #FF4500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "energetic-city-mural": {
        1: "#FF0000",
        2: "#00FF00",
        3: "#0000FF",
        4: "#FFD700",
        5: "#FF4500",
      }
    }
  }
}

Related searches

bold primary colorsvibrant street art palettehigh contrast designenergetic graphic designurban color scheme

Palette colors

Hex values

Color 1#FF0000
·
Color 2#00FF00
·
Color 3#0000FF
·
Color 4#FFD700
·
Color 5#FF4500
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.9:1Fail
2.1:1Fail
2.9:1Fail
1.2:1Fail
2
2.9:1Fail
6.3:1AA
1:1Fail
2.5:1Fail
3
2.1:1Fail
6.3:1AA
6.1:1AA
2.5:1Fail
4
2.9:1Fail
1:1Fail
6.1:1AA
2.5:1Fail
5
1.2:1Fail
2.5:1Fail
2.5:1Fail
2.5:1Fail

Similar palettes

More like Energetic City Mural

View all vibrant
Street Art
Urban Canvas Graffitti
Urban Canvas Mural
Urban Graffiti Wall
Urban Graffito Wall
Urban Street Art