Back to palettes

Palette

Spiced Bazaar Market

Rich and inviting hues reminiscent of exotic spices and sun-drenched market stalls.

earthnatural5 colors
More earth 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

#8C4A00#B15E00#DA7A00#F49D1A#FDD678

Palette guide

How to use Spiced Bazaar Market

Overview

The "Spiced Bazaar Market" palette (ID: `spiced-bazaar-market-2`) offers a rich and inviting spectrum of earthy oranges and golden yellows, capturing the vibrant essence of a bustling, sun-drenched marketplace. This collection ranges from a deep, grounding burnt orange #8C4A00 and a robust russet #B15E00, through a warm and energetic orange #DA7A00, to a bright, lively tangerine #F49D1A. A soft, creamy buttercup yellow #FDD678 provides a gentle highlight. Designers can leverage this palette to create dynamic branding, engaging digital interfaces, or compelling marketing materials that evoke warmth, authenticity, and exotic charm. Developers will find these hex codes excellent for crafting vibrant, inviting user experiences across various web and mobile applications.

Best used for

  • E-commerce platforms for spices, crafts, or global goods
  • Cultural event branding and marketing
  • Food and beverage packaging with an exotic theme
  • Travel blog or destination website design
  • Digital advertising campaigns focused on warmth and energy
  • Mobile apps with a discovery or marketplace focus

Suggested color roles

primary

#8C4A00 - A deep, grounding burnt orange, excellent for strong brand presence, main headers, or foundational elements, conveying depth and stability.

secondary

#B15E00 - A rich, robust russet, suitable for subheadings, navigation, or secondary content blocks, providing a warm contrast.

accent

#F49D1A - A bright, lively tangerine, perfect for prominent call-to-action buttons, interactive elements, or highlights that demand attention.

background

#FDD678 - A very light, creamy buttercup yellow, ideal for clean, warm backgrounds that allow other colors to stand out beautifully.

text

#8C4A00 - This deep orange offers strong readability against #FDD678, providing a distinct and warm text color. Black (#000000) can be used for optimal universal legibility.

Accessibility notes

  • Ensure #8C4A00 text on #FDD678 background meets WCAG AA contrast standards for readability.
  • Avoid using #F49D1A or #FDD678 for small text elements on light backgrounds due to potential low contrast.
  • Use #DA7A00 or #B15E00 for interactive elements to provide clear visual cues for users.
  • For extensive body text, consider using a very dark brown or charcoal to ensure maximum legibility against the warmer tones.

Recommended combinations

Earth & Gold

Ideal for core branding, main website sections, or print materials that require a grounded, inviting feel.

#8C4A00 · #FDD678 · #B15E00

Vibrant Spice

Excellent for highlighting key information, call-to-action elements, or creating visually appealing data visualizations.

#DA7A00 · #F49D1A · #8C4A00

Sunlit Path

Best for subtle background textures, softer UI elements, or gradients that need to convey gentle warmth and light.

#FDD678 · #DA7A00 · #B15E00

CSS variables

:root {
  --spiced-bazaar-market-2-1: #8C4A00;
  --spiced-bazaar-market-2-2: #B15E00;
  --spiced-bazaar-market-2-3: #DA7A00;
  --spiced-bazaar-market-2-4: #F49D1A;
  --spiced-bazaar-market-2-5: #FDD678;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-bazaar-market-2": {
        1: "#8C4A00",
        2: "#B15E00",
        3: "#DA7A00",
        4: "#F49D1A",
        5: "#FDD678",
      }
    }
  }
}

Related searches

exotic orange gold palettesun-drenched market colorswarm spice brandingearthy vibrant orangerustic bazaar design

Palette colors

Hex values

Color 1#8C4A00
·
Color 2#B15E00
·
Color 3#DA7A00
·
Color 4#F49D1A
·
Color 5#FDD678
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.2:1Fail
3.1:1AA18
4.9:1AA
2
1.4:1Fail
1.5:1Fail
2.2:1Fail
3.4:1AA18
3
2.2:1Fail
1.5:1Fail
1.4:1Fail
2.2:1Fail
4
3.1:1AA18
2.2:1Fail
1.4:1Fail
1.6:1Fail
5
4.9:1AA
3.4:1AA18
2.2:1Fail
1.6:1Fail

Similar palettes

More like Spiced Bazaar Market

View all earth
Bohemian Spice Earth
Saffron Sunset Bazaar
Ancient Clay Vessel
Ancient Desert Tapestry
Ancient Spice Market
Archaeological Dig Earth