Back to palettes

Palette

Spiced Bazaar Market

A rich, aromatic blend of browns, oranges, and golds, reminiscent of exotic spices in a bustling market.

warmenergetic5 colors
More warm 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

#6A3F1F#9C582F#C17C43#DDA15E#FFD28C

Palette guide

How to use Spiced Bazaar Market

Overview

The "Spiced Bazaar Market" palette (ID: `spiced-bazaar-market`) offers a rich, aromatic blend of browns, oranges, and golds, reminiscent of exotic spices in a bustling marketplace. This collection features a deep, grounding dark brown #6A3F1F, a robust and warm russet #9C582F, and an inviting copper-orange #C17C43. Lighter, sun-drenched tones include a soft caramel #DDA15E and a creamy, radiant gold #FFD28C. Designers can leverage this palette to create authentic branding, engaging digital interfaces, or captivating marketing materials that evoke a sense of warmth, adventure, and cultural richness. Developers will find these hex codes excellent for crafting visually harmonious and inviting user experiences across various web and mobile applications.

Best used for

  • E-commerce for artisan crafts, spices, or natural products
  • Cultural heritage or travel blog design
  • Restaurant or cafe branding with an earthy, exotic theme
  • Mobile apps focused on discovery, food, or lifestyle
  • Packaging design for gourmet coffee, teas, or chocolates
  • Editorial content with a focus on tradition or global markets

Suggested color roles

primary

#6A3F1F - A deep, grounding dark brown, excellent for strong brand presence, main headers, or foundational elements, conveying stability and richness.

secondary

#9C582F - A warm, robust russet, suitable for subheadings, navigation, or secondary content blocks, providing a stable and inviting contrast.

accent

#C17C43 - An inviting copper-orange, perfect for call-to-action buttons, interactive elements, or highlights that need a gentle, yet distinct, pop.

background

#FFD28C - A very light, creamy radiant gold, ideal for clean, warm backgrounds that allow other colors to stand out beautifully.

text

#6A3F1F - This deep brown offers strong readability against #FFD28C, providing a distinct and warm text color. Black (#000000) can be used for optimal universal legibility.

Accessibility notes

  • Ensure #6A3F1F text on #FFD28C background meets WCAG AA contrast standards for readability.
  • Avoid using #DDA15E or #FFD28C for small text elements on light backgrounds due to potential low contrast.
  • Use #9C582F or #C17C43 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

Earthy Core

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

#6A3F1F · #FFD28C · #9C582F

Spice Highlights

Excellent for highlighting key information, secondary elements, or creating visually appealing data visualizations.

#C17C43 · #DDA15E · #6A3F1F

Sunlit Path

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

#FFD28C · #DDA15E · #C17C43

CSS variables

:root {
  --spiced-bazaar-market-1: #6A3F1F;
  --spiced-bazaar-market-2: #9C582F;
  --spiced-bazaar-market-3: #C17C43;
  --spiced-bazaar-market-4: #DDA15E;
  --spiced-bazaar-market-5: #FFD28C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-bazaar-market": {
        1: "#6A3F1F",
        2: "#9C582F",
        3: "#C17C43",
        4: "#DDA15E",
        5: "#FFD28C",
      }
    }
  }
}

Related searches

exotic brown orange palettewarm spice market colorsearthy gold designglobal artisan brandingnatural vibrant tones

Palette colors

Hex values

Color 1#6A3F1F
·
Color 2#9C582F
·
Color 3#C17C43
·
Color 4#DDA15E
·
Color 5#FFD28C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.7:1Fail
4:1AA18
6.3:1AA
2
1.6:1Fail
1.6:1Fail
2.4:1Fail
3.9:1AA18
3
2.7:1Fail
1.6:1Fail
1.5:1Fail
2.4:1Fail
4
4:1AA18
2.4:1Fail
1.5:1Fail
1.6:1Fail
5
6.3:1AA
3.9:1AA18
2.4:1Fail
1.6:1Fail

Similar palettes

More like Spiced Bazaar Market

View all warm
Amber Spice Blend
Ancient Spice Route
Bazaar Spice Bloom
Moroccan Spice Bazaar
Moroccan Spice Market
Saffron Market Hues