Palette

Urban Wall Mural

A dynamic mix of vivid primary and secondary colors against a subtle grey, reflecting city street art.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Urban Wall 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 Urban Wall Mural.

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

Data visualization

#FF3E00#FFD700#00FF7F#4169E1#8B008B

Palette guide

How to use Urban Wall Mural

Overview

The "Urban Wall Mural" palette is an explosion of vibrant, energetic colors, reminiscent of dynamic street art. It features a bold, almost electric orange-red #FF3E00 and a brilliant pure gold #FFD700, immediately grabbing attention. Contrasting these warm tones are a vivid spring green #00FF7F, a strong royal blue #4169E1, and a deep, regal dark magenta #8B008B. This palette is designed for maximum visual impact and expressiveness, perfect for projects that celebrate creativity, urban culture, and a fearless approach to color. It embodies an energetic and playful spirit for designers and developers seeking bold statements.

Best used for

Youth-oriented branding (streetwear, music)
Event promotion and posters
Children's product design
Creative agency websites
Digital art and illustration
Interactive installations or games

Suggested color roles

primary

Use #FF3E00 for high-impact calls-to-action, main focal points, or attention-grabbing elements.

secondary

Apply #4169E1 as a strong supporting color, complementing the primary and providing balance.

accent

Utilize #00FF7F for vibrant highlights, interactive elements, or playful touches.

background

Use a neutral like white (#FFFFFF), light grey, or a very dark grey/black (#1A1A1A) to allow colors to pop.

text

Use #8B008B for bold headings on light backgrounds, or white text for readability on darker primary/secondary colors.

Accessibility notes

High contrast is critical due to the vibrancy; never use light text on light colors, or vice-versa.
#FFD700 and #00FF7F should generally not be used for body text, only large headings or accents.
Ensure any text on #FF3E00, #4169E1, or #8B008B is white or very light for optimal readability.
Avoid using #FF3E00 and #00FF7F in close proximity for text, as it can be jarring for some users.

Recommended combinations

Street Pop

Energetic branding, strong visual hierarchy, and a lively, urban feel.

#FF3E00 · #4169E1 · #FFD700

Vibrant Contrast

Dynamic, eye-catching graphics or illustrations, ideal for artistic expressions.

#8B008B · #00FF7F · #FF3E00

Primary Punch

Playful elements, creating a lively and diverse feel, perfect for youth-oriented designs.

#FFD700 · #4169E1 · #8B008B

CSS variables

:root {
  --urban-wall-mural-1: #FF3E00;
  --urban-wall-mural-2: #FFD700;
  --urban-wall-mural-3: #00FF7F;
  --urban-wall-mural-4: #4169E1;
  --urban-wall-mural-5: #8B008B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "urban-wall-mural": {
        1: "#FF3E00",
        2: "#FFD700",
        3: "#00FF7F",
        4: "#4169E1",
        5: "#8B008B",
      }
    }
  }
}

Hex values

Color 1#FF3E00

Color 2#FFD700

Color 3#00FF7F

Color 4#4169E1

Color 5#8B008B

Accessibility

Contrast checker

2.5:1Fail

2.6:1Fail

1.4:1Fail

2.4:1Fail

2.5:1Fail

1:1Fail

3.5:1AA18

6.1:1AA

2.6:1Fail

1:1Fail

3.6:1AA18

6.3:1AA

1.4:1Fail

3.5:1AA18

3.6:1AA18

1.8:1Fail

2.4:1Fail

6.1:1AA

6.3:1AA

1.8:1Fail

Similar palettes

More like Urban Wall Mural

View all vibrant

Street Art

City Canvas Pop

Cyberpunk Street Beat

Electric City Vibe

Electric Graffiti Wall

Electric Night Cityscape