Palette

Spiced Bazaar Market

Rich reds, golds, and oranges capture the vibrant energy and exotic aromas of a spice market.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B22222#DAA520#FF8C00#FFD700#D8BFD8

Palette guide

How to use Spiced Bazaar Market

Overview

The "Spiced Bazaar Market" palette (ID: `spiced-bazaar-market-3`) is a vibrant and energetic collection, bursting with rich reds, radiant golds, and fiery oranges, evoking the lively atmosphere of an exotic spice market. This palette features a strong brick red #B22222, a luxurious goldenrod #DAA520, a bold dark orange #FF8C00, and a brilliant pure gold #FFD700. A soft, muted thistle purple #D8BFD8 provides an unexpected, yet harmonizing, cool contrast. Designers can leverage this palette to create dynamic branding, captivating digital interfaces, or engaging marketing materials that exude excitement and cultural richness. Developers will find these hex codes perfect for crafting spirited, warm, and inviting user experiences across various web and mobile applications.

Best used for

Vibrant festival or event branding
E-commerce for exotic goods, jewelry, or textiles
Cultural tourism marketing and website design
Bold digital advertising and social media campaigns
Restaurant branding with an international or energetic theme
Mobile apps focused on discovery, fashion, or entertainment

Suggested color roles

primary

#B22222 - A strong, vibrant brick red, excellent for high-impact brand statements, main headers, or prominent call-to-action elements.

secondary

#FF8C00 - A bold, energetic dark orange, perfect for subheadings, important links, or secondary graphical elements that need to draw attention.

accent

#FFD700 - A brilliant, pure gold, ideal for highlights, interactive elements, or small decorative flourishes that require a luxurious pop.

background

#D8BFD8 - A soft, muted thistle purple, providing a unique cool and light background that allows the warm spices to truly pop.

text

#B22222 (or a deep charcoal like #333333) - This strong red offers character and good readability against lighter tones. A dark charcoal ensures universal legibility.

Accessibility notes

Ensure #B22222 text on #D8BFD8 background provides adequate contrast for readability.
Avoid using #DAA520, #FF8C00, or #FFD700 for small body text on light backgrounds due to low contrast.
Use #B22222 or #FF8C00 for interactive elements to ensure clear visibility and clickability.
For extensive body copy, consider using a very dark red or charcoal to maximize legibility against the warmer and lighter tones.

Recommended combinations

Vibrant Core

Ideal for high-impact headers, vibrant call-to-actions, or striking visual branding elements.

#B22222 · #FFD700 · #FF8C00

Golden Contrast

Excellent for backgrounds, secondary information blocks, or designs requiring a unique blend of warmth and subtle coolness.

#DAA520 · #D8BFD8 · #B22222

Market Brights

Best for highlighting key features, adding celebratory accents, or creating energetic, inviting visual metaphors.

#FF8C00 · #FFD700 · #DAA520

CSS variables

:root {
  --spiced-bazaar-market-3-1: #B22222;
  --spiced-bazaar-market-3-2: #DAA520;
  --spiced-bazaar-market-3-3: #FF8C00;
  --spiced-bazaar-market-3-4: #FFD700;
  --spiced-bazaar-market-3-5: #D8BFD8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-bazaar-market-3": {
        1: "#B22222",
        2: "#DAA520",
        3: "#FF8C00",
        4: "#FFD700",
        5: "#D8BFD8",
      }
    }
  }
}

Hex values

Color 1#B22222

Color 2#DAA520

Color 3#FF8C00

Color 4#FFD700

Color 5#D8BFD8

Accessibility

Contrast checker

3:1Fail

2.9:1Fail

4.8:1AA

3.9:1AA18

3:1Fail

1:1Fail

1.6:1Fail

1.3:1Fail

2.9:1Fail

1:1Fail

1.7:1Fail

1.4:1Fail

4.8:1AA

1.6:1Fail

1.7:1Fail

1.2:1Fail

3.9:1AA18

1.3:1Fail

1.4:1Fail

1.2:1Fail

Similar palettes

More like Spiced Bazaar Market

Moroccan Spice Bazaar

Saffron Bazaar Hues

Saffron Market Glow