Palette

Spice Bazaar

Rich, aromatic hues inspired by exotic spices and vibrant markets, perfect for dynamic branding.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A33B20#D86B2F#FCA95F#822F1B#6B2A18

Palette guide

How to use Spice Bazaar

Overview

The Spice Bazaar palette is a rich and aromatic collection of warm reds, vibrant oranges, and earthy browns, designed to evoke the lively atmosphere of an exotic marketplace. It features the bold #A33B20, the energetic #D86B2F, and the softer #FCA95F, grounded by the deep #822F1B and #6B2A18. This palette provides designers and developers with a versatile toolkit for creating designs that are both vibrant and inviting, reflecting warmth, authenticity, and cultural richness. It's particularly effective for projects that aim to convey a sense of adventure, tradition, and the sensory experience of a bustling bazaar.

Best used for

Ethnic restaurant branding
Cultural festival promotions
Artisanal craft e-commerce
Travel agency websites
Food packaging design
Bohemian interior design concepts

Suggested color roles

primary

Utilize #A33B20 as a strong, inviting primary for main sections or prominent design elements, conveying warmth.

secondary

Employ #D86B2F for secondary information, interactive buttons, or highlights, adding an energetic and friendly touch.

accent

Apply #FCA95F sparingly for subtle accents, soft backgrounds, or delicate highlights, providing a luminous contrast.

background

The deep #6B2A18 or #822F1B creates a rich, earthy background, while #FCA95F can serve as a warm, lighter base.

text

For dark backgrounds, #FCA95F offers excellent readability. On lighter backgrounds, use a deep charcoal or #6B2A18 for body text.

Accessibility notes

Ensure sufficient contrast when using #D86B2F or #A33B20 for text on similar mid-tone backgrounds.
Avoid placing #FCA95F text directly on #D86B2F without checking contrast, as it may be insufficient.
The darkest colors, #822F1B and #6B2A18, provide good contrast for lighter text like #FCA95F.
For body text, use #6B2A18 on #FCA95F for strong readability.

Recommended combinations

Market Spice

Ideal for a compelling header or hero image, combining deep earthiness with vibrant and soft highlights.

#6B2A18 · #D86B2F · #FCA95F

Warm Earth

Excellent for content sections or product descriptions, offering a rich, grounded feel with a touch of luminosity.

#A33B20 · #822F1B · #FCA95F

Desert Bloom

Perfect for call-to-action buttons or interactive elements, showcasing a vibrant and inviting color scheme.

#D86B2F · #FCA95F · #A33B20

CSS variables

:root {
  --spice-bazaar-1: #A33B20;
  --spice-bazaar-2: #D86B2F;
  --spice-bazaar-3: #FCA95F;
  --spice-bazaar-4: #822F1B;
  --spice-bazaar-5: #6B2A18;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spice-bazaar": {
        1: "#A33B20",
        2: "#D86B2F",
        3: "#FCA95F",
        4: "#822F1B",
        5: "#6B2A18",
      }
    }
  }
}

Hex values

Color 1#A33B20

Color 2#D86B2F

Color 3#FCA95F

Color 4#822F1B

Color 5#6B2A18

Accessibility

Contrast checker

1.9:1Fail

3.4:1AA18

1.4:1Fail

1.6:1Fail

1.9:1Fail

1.8:1Fail

2.6:1Fail

3.1:1AA18

3.4:1AA18

1.8:1Fail

4.6:1AA

5.6:1AA

1.4:1Fail

2.6:1Fail

4.6:1AA

1.2:1Fail

1.6:1Fail

3.1:1AA18

5.6:1AA

1.2:1Fail

Similar palettes

More like Spice Bazaar

Marrakech Sunset Spice