Back to palettes

Palette

Market Bazaar

Rich browns and shimmering golds, evoking the exotic aromas and vibrant markets of an ancient spice route.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#964B00#B8860B#FFD700#803E00#A07500

Palette guide

How to use Market Bazaar

Overview

This Market Bazaar palette evokes the rich, earthy tones and shimmering metals found in ancient spice routes. Featuring deep browns like #964B00 and #803E00, alongside lustrous golds such as #B8860B, #FFD700, and #A07500, it's perfect for projects requiring a sense of history, warmth, and exotic luxury. Designers can leverage its natural yet opulent feel for branding, interior design, or digital interfaces that aim for an authentic, handcrafted aesthetic. The harmonious blend of dark and light ensures versatility in application, from subtle accents to dominant themes, creating an inviting and sophisticated visual experience.

Best used for

  • Artisan food packaging & branding
  • Travel agency websites & brochures
  • Interior design for cafes or restaurants
  • Historical documentary graphics
  • Luxury goods marketing materials
  • Cultural event promotions

Suggested color roles

primary

Use the rich, deep brown #964B00 for foundational elements like headers or dominant backgrounds, grounding the design with an earthy, robust feel.

secondary

Apply the shimmering gold #B8860B for secondary sections or important call-to-action buttons, adding warmth and a touch of elegance.

accent

The bright, pure gold #FFD700 serves as a vibrant accent for highlights, icons, or interactive elements, drawing immediate attention.

background

The softer #A07500 can be used for lighter backgrounds or content areas, providing a warm, inviting canvas without being overpowering.

text

For dark backgrounds, use #FFD700 or a near-white. For lighter backgrounds like #A07500, a deep brown like #803E00 or charcoal provides excellent readability.

Accessibility notes

  • Ensure sufficient contrast between #964B00 text on #A07500 background.
  • #FFD700 as text on #B8860B may lack contrast; test carefully.
  • Use a darker brown like #803E00 for body text to maintain readability on light backgrounds.
  • Avoid using #B8860B directly on #A07500 for small text; increase size or use a darker alternative.

Recommended combinations

Earthy Luxury

Ideal for high-contrast headlines and elegant branding, combining deep earth with radiant gold.

#964B00 · #FFD700 · #803E00

Warm Glow

Creates a softer, inviting look suitable for backgrounds and subtle accentuation.

#B8860B · #A07500 · #FFD700

Spice Route

A balanced, rich trio perfect for evoking natural and traditional themes in UI elements.

#803E00 · #B8860B · #964B00

CSS variables

:root {
  --market-bazaar-1: #964B00;
  --market-bazaar-2: #B8860B;
  --market-bazaar-3: #FFD700;
  --market-bazaar-4: #803E00;
  --market-bazaar-5: #A07500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "market-bazaar": {
        1: "#964B00",
        2: "#B8860B",
        3: "#FFD700",
        4: "#803E00",
        5: "#A07500",
      }
    }
  }
}

Related searches

exotic brown gold palettewarm spice market colorsancient bazaar color schemeearthy gold brandingnatural luxury palette

Palette colors

Hex values

Color 1#964B00
·
Color 2#B8860B
·
Color 3#FFD700
·
Color 4#803E00
·
Color 5#A07500
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
4.5:1AA
1.3:1Fail
1.5:1Fail
2
2:1Fail
2.3:1Fail
2.5:1Fail
1.3:1Fail
3
4.5:1AA
2.3:1Fail
5.7:1AA
3:1Fail
4
1.3:1Fail
2.5:1Fail
5.7:1AA
1.9:1Fail
5
1.5:1Fail
1.3:1Fail
3:1Fail
1.9:1Fail

Similar palettes

More like Market Bazaar

View all warm