Back to palettes

Palette

Bazaar Spice Weave

A rich and aromatic blend, capturing the warm, diverse colors of an bustling spice bazaar.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#D2691E#F0E68C#FFDAB9#BDB76B

Palette guide

How to use Bazaar Spice Weave

Overview

The Bazaar Spice Weave palette captures the rich, aromatic essence of an exotic market, blending deep earthen tones with vibrant highlights. Featuring a robust burnt orange #D2691E, a mellow khaki #BDB76B, and a striking curry yellow #F0E68C, it evokes warmth and natural authenticity. The deep brown of #8B4513 anchors the scheme, while the soft peach of #FFDAB9 offers a gentle contrast. Ideal for projects seeking a grounded yet spirited aesthetic, this palette provides a versatile range for both digital and print applications, ensuring a cohesive and engaging user experience. Its natural warmth makes it particularly appealing for branding or content relating to food, travel, or artisanal crafts.

Best used for

  • Ethnic restaurant branding and menus
  • Travel blogs and destination marketing
  • Artisanal product packaging
  • Interior design mood boards
  • Autumn-themed digital campaigns
  • Cultural event promotions

Suggested color roles

primary

Use the vibrant burnt orange #D2691E for main calls-to-action or prominent headings to draw immediate attention.

secondary

The deep brown #8B4513 serves as an excellent foundational color for backgrounds or large sections, providing stability and warmth.

accent

Employ the bright curry yellow #F0E68C sparingly for interactive elements, small icons, or highlights that need to pop.

background

The soft peach #FFDAB9 offers a light, inviting base, ensuring readability for darker text elements.

text

For dark backgrounds like #8B4513, use #FFDAB9 or #F0E68C. For lighter backgrounds like #FFDAB9, use a dark brown like #8B4513 or a rich charcoal for optimal readability.

Accessibility notes

  • Ensure sufficient contrast between #8B4513 text and #FFDAB9 backgrounds for WCAG AA compliance.
  • Avoid placing #F0E68C directly on #FFDAB9 as contrast may be insufficient for smaller text.
  • Consider using a darker text color (e.g., black or dark brown) on #F0E68C for readability.
  • The warm tones can be challenging for colorblind users; provide alternative indicators beyond color alone.

Recommended combinations

Earthy Foundation

Excellent for main body text, navigation bars, and backgrounds, providing a natural, harmonious feel.

#8B4513 · #BDB76B · #FFDAB9

Vibrant Pop

Ideal for banners, call-to-action buttons, and hero sections to create an energetic and inviting look.

#D2691E · #F0E68C · #8B4513

Soft Spice Blend

Perfect for subtle gradients, decorative elements, or secondary information panels where a lighter touch is desired.

#FFDAB9 · #BDB76B · #D2691E

CSS variables

:root {
  --bazaar-spice-weave-1: #8B4513;
  --bazaar-spice-weave-2: #D2691E;
  --bazaar-spice-weave-3: #F0E68C;
  --bazaar-spice-weave-4: #FFDAB9;
  --bazaar-spice-weave-5: #BDB76B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bazaar-spice-weave": {
        1: "#8B4513",
        2: "#D2691E",
        3: "#F0E68C",
        4: "#FFDAB9",
        5: "#BDB76B",
      }
    }
  }
}

Related searches

earthy color schemeswarm spice palettedesert inspired colorsnatural brown orange yellowrich autumn color combinations

Palette colors

Hex values

Color 1#8B4513
·
Color 2#D2691E
·
Color 3#F0E68C
·
Color 4#FFDAB9
·
Color 5#BDB76B
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
5.5:1AA
5.4:1AA
3.4:1AA18
2
2:1Fail
2.8:1Fail
2.8:1Fail
1.8:1Fail
3
5.5:1AA
2.8:1Fail
1:1Fail
1.6:1Fail
4
5.4:1AA
2.8:1Fail
1:1Fail
1.6:1Fail
5
3.4:1AA18
1.8:1Fail
1.6:1Fail
1.6:1Fail

Similar palettes

More like Bazaar Spice Weave

View all warm
Desert Spice Market
Spice Market Bazaar
Spice Route Journey
Spicy Earth Market
Curry Spice Blend
Desert Caravan Spices