Palette

Urban Market Buzz

Captures the energetic chaos and vivid hues found within a bustling urban marketplace at its peak.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Urban Market Buzz 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 Market Buzz.

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

Data visualization

#E74C3C#F39C12#F7DC6F#34495E#9B59B6

Palette guide

How to use Urban Market Buzz

Overview

The Urban Market Buzz palette vividly captures the energetic chaos and bright hues of a bustling urban marketplace. Featuring bold reds like #E74C3C, vibrant oranges such as #F39C12, and a rich, grounding #34495E, this palette is full of life. The unique purple #9B59B6 and sunny yellow #F7DC6F add playful and eye-catching dimensions. It's a dynamic collection for designers looking to infuse projects with excitement, personality, and a lively, contemporary urban spirit, ensuring high visual impact and memorable experiences.

Best used for

Event promotions and posters
Food truck branding
Creative agency websites
Children's product packaging
Festival and fair websites
Vibrant e-commerce platforms

Suggested color roles

primary

#34495E acts as a strong, sophisticated anchor for headings and primary content, grounding the vibrant accents.

secondary

#E74C3C is perfect for high-impact calls-to-action, alerts, or energetic accents, demanding attention.

accent

#F39C12 provides a lively highlight for interactive elements, secondary CTAs, or playful graphic details.

background

Use a neutral background like a near-white or light gray to allow the vibrant colors to pop, or #34495E for a dramatic dark mode.

text

On light backgrounds, use #34495E for main body text. For dark backgrounds like #34495E, use white or a very light gray text.

Accessibility notes

#34495E on a light background or white text on #34495E ensures good contrast for readability.
The vibrant #E74C3C and #F39C12 should be used for text sparingly and on high-contrast backgrounds (e.g., white text on color).
#F7DC6F is very light; use it for backgrounds or large graphic areas rather than small text.
Avoid using #9B59B6 for text on similar vibrant colors like #E74C3C or #F39C12 without careful contrast checking.

Recommended combinations

Energetic Pop

Creates a dynamic and attention-grabbing design, ideal for promotions and interactive elements.

#E74C3C · #34495E · #F39C12

Playful Contrast

Offers a vibrant and creative blend, perfect for youth-oriented or artistic projects.

#F39C12 · #9B59B6 · #34495E

Market Depth

Provides a grounding yet lively composition, suitable for branding that needs both stability and excitement.

#34495E · #F7DC6F · #E74C3C

CSS variables

:root {
  --urban-market-buzz-1: #E74C3C;
  --urban-market-buzz-2: #F39C12;
  --urban-market-buzz-3: #F7DC6F;
  --urban-market-buzz-4: #34495E;
  --urban-market-buzz-5: #9B59B6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "urban-market-buzz": {
        1: "#E74C3C",
        2: "#F39C12",
        3: "#F7DC6F",
        4: "#34495E",
        5: "#9B59B6",
      }
    }
  }
}

Hex values

Color 1#E74C3C

Color 2#F39C12

Color 3#F7DC6F

Color 4#34495E

Color 5#9B59B6

Accessibility

Contrast checker

1.7:1Fail

2.8:1Fail

2.4:1Fail

1.2:1Fail

1.7:1Fail

1.6:1Fail

4.2:1AA18

2.1:1Fail

2.8:1Fail

1.6:1Fail

6.8:1AA

3.4:1AA18

2.4:1Fail

4.2:1AA18

6.8:1AA

2:1Fail

1.2:1Fail

2.1:1Fail

3.4:1AA18

2:1Fail

Similar palettes

More like Urban Market Buzz

View all vibrant

Urban Chroma

Vibrant Fiesta Market

Abstract Chroma Splash

Abstract Expression Burst

Abstract Expression Hues

Abstract Expression Paint