Back to palettes

Palette

Bazaar Burst

An exhilarating rush of exotic colors, mirroring the vibrant chaos and rich hues of a bustling spice bazaar.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bazaar Burst 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 Bazaar Burst.

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

Data visualization

#FF9800#F44336#E91E63#9C27B0#673AB7

Palette guide

How to use Bazaar Burst

Overview

The Bazaar Burst palette delivers an exhilarating rush of exotic colors, mirroring the vibrant chaos and rich hues of a bustling spice bazaar. Featuring energetic orange #FF9800, bold red #F44336, and bright pink #E91E63, alongside deep purple #9C27B0 and vibrant violet #673AB7, this collection is perfect for designers and developers seeking a lively, energetic, and exotic aesthetic. It provides a dynamic and captivating foundation for projects that aim for impactful visual communication and a sense of vibrant celebration. This palette is ideal for conveying excitement, cultural richness, and playful energy.

Best used for

  • Festive event branding and promotions
  • Children's educational apps and media
  • Creative marketing campaigns and advertising
  • Food and beverage packaging (spicy/exotic themes)
  • Travel agency websites (exotic destinations)
  • Fashion and beauty brands with a bold, vibrant identity

Suggested color roles

primary

Utilize the vibrant orange #FF9800 for energetic call-to-actions, prominent headers, or dominant sections, ensuring immediate attention.

secondary

Apply the bold red #F44336 for impactful statements, key information, or secondary content blocks, providing strong emphasis.

accent

Employ bright pink #E91E63 and deep purple #9C27B0 for playful details, interactive elements, or striking highlights, adding visual interest.

background

Use neutral white or a very light grey to allow these vibrant colors to truly pop and maintain a clean aesthetic.

text

Integrate deep purple #673AB7 or black for optimal readability on lighter backgrounds, or use white for text on darker shades like #9C27B0.

Accessibility notes

  • All colors (#FF9800, #F44336, #E91E63, #9C27B0, #673AB7) generally provide good contrast on white or very light backgrounds.
  • Ensure text on #FF9800 is dark enough for readability (e.g., black or #673AB7) to meet WCAG contrast requirements.
  • Be cautious when using very light text on #E91E63 or #9C27B0, as contrast might be borderline; always check.
  • Always check WCAG guidelines for text and interactive element contrast, especially with the brighter accents.

Recommended combinations

Energetic Core

Create a lively and inviting feel for hero sections or prominent displays, ideal for attention-grabbing visual statements.

#FF9800 · #F44336 · #E91E63

Exotic Depth

Achieve a rich, vibrant, and mysterious contrast, perfect for secondary information or interactive components.

#9C27B0 · #673AB7 · #FF9800

Playful Pop

Design a dynamic and colorful array for sections requiring a sophisticated visual flow or background texture.

#F44336 · #E91E63 · #673AB7

CSS variables

:root {
  --bazaar-burst-1: #FF9800;
  --bazaar-burst-2: #F44336;
  --bazaar-burst-3: #E91E63;
  --bazaar-burst-4: #9C27B0;
  --bazaar-burst-5: #673AB7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bazaar-burst": {
        1: "#FF9800",
        2: "#F44336",
        3: "#E91E63",
        4: "#9C27B0",
        5: "#673AB7",
      }
    }
  }
}

Related searches

vibrant market paletteexotic spice colorsenergetic bright schemecolorful bazaar designplayful gradient colors

Palette colors

Hex values

Color 1#FF9800
·
Color 2#F44336
·
Color 3#E91E63
·
Color 4#9C27B0
·
Color 5#673AB7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2:1Fail
2.9:1Fail
3.4:1AA18
2
1.7:1Fail
1.2:1Fail
1.7:1Fail
2:1Fail
3
2:1Fail
1.2:1Fail
1.5:1Fail
1.7:1Fail
4
2.9:1Fail
1.7:1Fail
1.5:1Fail
1.2:1Fail
5
3.4:1AA18
2:1Fail
1.7:1Fail
1.2:1Fail

Similar palettes

More like Bazaar Burst

View all vibrant
Vibrant Spice Bazaar
Exotic Bazaar Spice
Exotic Market Spice
Market Spice Bloom
Moroccan Souk Bazaar
Moroccan Spice