Back to palettes

Palette

Urban Art Mural

A dynamic fusion of bold and electric colors, reminiscent of a lively street art mural.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF0054#FFC72C#2CFFB5#3D2BFF#A52AFF

Palette guide

How to use Urban Art Mural

Overview

The Urban Art Mural palette is a captivating blend of bold, electric colors designed to evoke a dynamic and lively street art aesthetic. Featuring a vibrant fuchsia #FF0054, a radiant golden yellow #FFC72C, a striking aqua #2CFFB5, a deep electric blue #3D2BFF, and a rich violet #A52AFF, this collection offers immense versatility. Designers can create energetic compositions, from playful gradients to high-contrast statements. This palette is perfect for projects that aim to be expressive, modern, and visually stimulating, bringing a fresh, artistic vibe to digital platforms, branding, or editorial content.

Best used for

  • expressive branding
  • digital illustrations
  • event marketing
  • creative portfolio websites
  • youth-focused campaigns
  • packaging design

Suggested color roles

primary

#FF0054 makes an excellent primary color for its energetic and bold presence, ideal for calls to action.

secondary

#2CFFB5 offers a refreshing, vibrant counterpoint, perfect for interactive elements or sub-sections.

accent

Use #FFC72C sparingly for highlights, warnings, or to add a touch of warmth and optimism.

background

A dark neutral like deep charcoal or black would allow these vibrant colors to truly shine.

text

Crisp white or a very light gray is recommended for legibility against the darker backgrounds or the electric blues/violets.

Accessibility notes

  • Ensure sufficient contrast when pairing these vibrant colors; avoid placing #FFC72C directly on #2CFFB5 for text.
  • Dark text (e.g., black or #3D2BFF) works best on #FFC72C for readability.
  • Consider using #FF0054 or #3D2BFF for larger text elements against lighter backgrounds.
  • Always check contrast ratios for critical information to meet WCAG standards.

Recommended combinations

Electric Fusion

For dynamic gradients, hero sections, or abstract art where energy is paramount.

#FF0054 · #2CFFB5 · #3D2BFF

Vibrant Pop

Ideal for striking call-to-action buttons, icons, or highlighting key information.

#FFC72C · #A52AFF · #2CFFB5

Deep Harmony

Creates a rich, sophisticated backdrop with vibrant accents for a modern feel.

#3D2BFF · #A52AFF · #FF0054

CSS variables

:root {
  --urban-art-mural-1: #FF0054;
  --urban-art-mural-2: #FFC72C;
  --urban-art-mural-3: #2CFFB5;
  --urban-art-mural-4: #3D2BFF;
  --urban-art-mural-5: #A52AFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "urban-art-mural": {
        1: "#FF0054",
        2: "#FFC72C",
        3: "#2CFFB5",
        4: "#3D2BFF",
        5: "#A52AFF",
      }
    }
  }
}

Related searches

vibrant street art paletteelectric pop colorscolorful urban designdynamic brand paletteexpressive digital art colors

Palette colors

Hex values

Color 1#FF0054
·
Color 2#FFC72C
·
Color 3#2CFFB5
·
Color 4#3D2BFF
·
Color 5#A52AFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
3:1Fail
1.8:1Fail
1.2:1Fail
2
2.5:1Fail
1.2:1Fail
4.5:1AA
3.1:1AA18
3
3:1Fail
1.2:1Fail
5.4:1AA
3.7:1AA18
4
1.8:1Fail
4.5:1AA
5.4:1AA
1.5:1Fail
5
1.2:1Fail
3.1:1AA18
3.7:1AA18
1.5:1Fail

Similar palettes

More like Urban Art Mural

View all vibrant
City Canvas Pop
Street Art Fusion
Urban Canvas Mural
Urban Street Art
Energetic City Mural
Graffiti Wall Chroma