Back to palettes

Palette

Spice Market Bazaar

Rich and complex colors evoking the aromatic spices and vibrant textiles of an ancient bustling marketplace, full of history.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C44C27#E0823F#F7C67D#A03D2A#8F2C1A

Palette guide

How to use Spice Market Bazaar

Overview

The Spice Market Bazaar palette is a rich and complex blend of warm oranges, a soft gold, and deep red-browns, evoking the aromatic spices and vibrant textiles of an ancient marketplace. It features the bold #C44C27, the energetic #E0823F, and the luminous #F7C67D, grounded by the deep #A03D2A and #8F2C1A. This collection provides designers and developers with an authentic and engaging aesthetic, ideal for projects that aim to convey history, warmth, and cultural richness. It's particularly effective for creating designs that feel both established and dynamic, perfect for a wide range of cultural and commercial applications.

Best used for

  • Cultural heritage websites and museums
  • Artisanal product branding
  • Bohemian fashion and decor
  • Food blogs and recipe sites
  • Travel agency promotions for exotic destinations
  • Rustic e-commerce platforms

Suggested color roles

primary

Utilize #8F2C1A as a deep, stable primary for backgrounds or main structural elements, conveying richness and heritage.

secondary

Employ #A03D2A for secondary content areas, navigation, or larger text blocks, adding warmth and depth.

accent

Apply #F7C67D sparingly for highlights, icons, or interactive elements, providing a bright, inviting glow.

background

The deep #8F2C1A or #A03D2A offers a rich, warm background, while #F7C67D can be used for brighter, energetic sections.

text

For dark backgrounds, #F7C67D ensures excellent readability. On lighter backgrounds, a deep charcoal or #8F2C1A works well for body text.

Accessibility notes

  • Ensure sufficient contrast for text on backgrounds, especially with #C44C27 or #E0823F.
  • Avoid using #C44C27 or #E0823F as text on similar mid-tone backgrounds, as contrast may be too low.
  • The darkest colors, #A03D2A and #8F2C1A, provide good contrast for lighter text like #F7C67D.
  • For headings, #C44C27 can be used on #8F2C1A if the text is large enough and contrast is checked.

Recommended combinations

Bazaar Gold

Ideal for a compelling header or hero image, combining deep red-brown with a luminous gold and vibrant orange.

#8F2C1A · #F7C67D · #C44C27

Spiced Orange

Excellent for content blocks or product showcases, offering a vibrant yet grounded presentation with rich tones.

#A03D2A · #E0823F · #8F2C1A

Ancient Earth

Perfect for accents or call-to-action elements, leveraging the contrast between light and deep traditional tones.

#F7C67D · #8F2C1A · #E0823F

CSS variables

:root {
  --spice-market-bazaar-1: #C44C27;
  --spice-market-bazaar-2: #E0823F;
  --spice-market-bazaar-3: #F7C67D;
  --spice-market-bazaar-4: #A03D2A;
  --spice-market-bazaar-5: #8F2C1A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spice-market-bazaar": {
        1: "#C44C27",
        2: "#E0823F",
        3: "#F7C67D",
        4: "#A03D2A",
        5: "#8F2C1A",
      }
    }
  }
}

Related searches

ancient market colorsexotic spice palettewarm rustic orangevibrant earthy bazaarcultural design scheme

Palette colors

Hex values

Color 1#C44C27
·
Color 2#E0823F
·
Color 3#F7C67D
·
Color 4#A03D2A
·
Color 5#8F2C1A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3:1AA18
1.4:1Fail
1.7:1Fail
2
1.7:1Fail
1.8:1Fail
2.3:1Fail
2.9:1Fail
3
3:1AA18
1.8:1Fail
4.2:1AA18
5.2:1AA
4
1.4:1Fail
2.3:1Fail
4.2:1AA18
1.3:1Fail
5
1.7:1Fail
2.9:1Fail
5.2:1AA
1.3:1Fail

Similar palettes

More like Spice Market Bazaar

View all warm