Palette

Spicy Market Bazaar

A lively blend of rich, aromatic spices and golden hues from a bustling marketplace.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B2C00#BF4300#F47C15#FBB02D#FFD959

Palette guide

How to use Spicy Market Bazaar

Overview

The Spicy Market Bazaar palette presents a rich and energetic collection of warm, golden hues, perfect for projects aiming to evoke a sense of exotic luxury and vibrancy. With a deep burnt orange #8B2C00, a fiery orange-red #BF4300, a bright tangerine #F47C15, a sunny gold #FBB02D, and a light golden yellow #FFD959, this palette offers a dynamic range. Designers can use its darker tones for grounding and its brighter, more saturated colors for impactful accents and focal points, creating designs that are both inviting and visually stimulating.

Best used for

Luxury food and beverage packaging
Event branding for cultural festivals
Websites for artisanal crafts or jewelry
E-commerce platforms for exotic goods
Interior design inspiration for warm spaces
Travel blogs focusing on vibrant destinations

Suggested color roles

primary

Utilize #BF4300 (Fiery Orange-Red) for main branding elements, prominent headlines, or significant UI components to convey passion and energy.

secondary

Employ #F47C15 (Tangerine) for secondary calls-to-action, interactive elements, or supporting graphics, offering a brighter, more accessible warmth.

accent

Reserve #FFD959 (Light Golden Yellow) for subtle highlights, icons, or decorative flourishes to add a touch of luminosity and sophistication.

background

Use #8B2C00 (Burnt Orange) for a dramatic, rich background in sections requiring strong contrast, or for a sophisticated dark mode aesthetic where lighter text will shine.

text

For optimal readability, use a dark charcoal or black against lighter shades like #FBB02D or #FFD959. On darker backgrounds such as #8B2C00, white or #FFD959 text ensures clarity.

Accessibility notes

Ensure sufficient contrast between text and background, particularly when using #FBB02D or #FFD959 for text on any of the darker oranges.
Avoid pairing #F47C15 text on #BF4300 backgrounds for smaller text due to potential readability issues.
The darker #8B2C00 provides excellent contrast for light text, making it suitable for headlines or dramatic sections.
Always test color combinations for WCAG AA compliance, especially for critical information and interactive elements.

Recommended combinations

Deep Bazaar

Creates a sophisticated, rich backdrop with a vibrant highlight, ideal for luxury brand headers or elegant product displays.

#8B2C00 · #BF4300 · #FBB02D

Golden Spice

Excellent for energetic call-to-action buttons, vibrant section separators, or playful graphic elements that need to pop.

#FBB02D · #F47C15 · #8B2C00

Fiery Glow

Offers a bright, inviting combination perfect for engaging banners, testimonial sections, or lively social media graphics.

#FFD959 · #BF4300 · #F47C15

CSS variables

:root {
  --spicy-market-bazaar-2-1: #8B2C00;
  --spicy-market-bazaar-2-2: #BF4300;
  --spicy-market-bazaar-2-3: #F47C15;
  --spicy-market-bazaar-2-4: #FBB02D;
  --spicy-market-bazaar-2-5: #FFD959;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spicy-market-bazaar-2": {
        1: "#8B2C00",
        2: "#BF4300",
        3: "#F47C15",
        4: "#FBB02D",
        5: "#FFD959",
      }
    }
  }
}

Hex values

Color 1#8B2C00

Color 2#BF4300

Color 3#F47C15

Color 4#FBB02D

Color 5#FFD959

Accessibility

Contrast checker

1.6:1Fail

3.1:1AA18

4.6:1AA

6.2:1AA

1.6:1Fail

1.9:1Fail

2.8:1Fail

3.8:1AA18

3.1:1AA18

1.9:1Fail

1.5:1Fail

2:1Fail

4.6:1AA

2.8:1Fail

1.5:1Fail

1.3:1Fail

6.2:1AA

3.8:1AA18

2:1Fail

1.3:1Fail

Similar palettes

More like Spicy Market Bazaar

View all warm

Souk Saffron Blend

Bazaar Spice Bloom

Bazaar Spice Symphony

Golden Spice Bazaar

Marrakech Morning Light

Moroccan Spice Bazaar