Back to palettes

Palette

Moroccan Bazaar Spices

A rich, exotic blend of warm golds and vibrant oranges, reminiscent of a bustling Moroccan spice market.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#DAA520#D2691E#FFD700#CD5C5C

Palette guide

How to use Moroccan Bazaar Spices

Overview

The Moroccan Bazaar Spices palette offers a rich, energetic blend reminiscent of a bustling marketplace. Dominated by warm golds and vibrant oranges, it features deep brown-orange tones like #8B4513 (SaddleBrown), a brilliant gold #FFD700 (Gold), and a striking coral-red #CD5C5C (IndianRed). Designers and developers can leverage this palette to create engaging, exotic, and culturally rich interfaces. The interplay of bright and deep tones, such as #DAA520 (Goldenrod) and #D2691E (Chocolate), provides excellent versatility for both bold statements and subtle accents, perfect for evoking warmth and adventure in digital experiences.

Best used for

  • Exotic food or restaurant branding
  • Cultural event promotions and websites
  • Travel blogs focusing on vibrant destinations
  • Vibrant e-commerce sites for artisanal goods
  • Festive digital marketing campaigns
  • Atmospheric game design elements

Suggested color roles

primary

Use #D2691E (Chocolate) as a foundational warm orange-brown for main sections or prominent UI elements, providing a strong, inviting base.

secondary

Apply #DAA520 (Goldenrod) for secondary calls to action, headers, or distinct content blocks, offering a bright, appealing contrast.

accent

Employ #FFD700 (Gold) sparingly for highlights, icons, or decorative elements to add a luxurious, sparkling touch.

background

Utilize #8B4513 (SaddleBrown) for deep, rich backgrounds or footers, creating an earthy, grounding feel that pairs well with lighter text.

text

For primary body text, a dark charcoal or near-black provides optimal readability. Use #CD5C5C (IndianRed) for decorative headings or accent text on light backgrounds.

Accessibility notes

  • Ensure sufficient contrast when pairing #FFD700 or #DAA520 with light backgrounds; dark text is usually required.
  • Avoid using #DAA520 on #FFD700 for small text or interactive elements due to low contrast.
  • Text on #8B4513 or #D2691E will require light colors (e.g., white or a pale gold) to meet WCAG contrast standards.
  • The red-orange #CD5C5C needs careful contrast evaluation, especially against other warm tones, for readability.

Recommended combinations

Spiced Earth

Ideal for grounding headers, content blocks, and accentuating key information with a warm, inviting feel.

#8B4513 · #D2691E · #DAA520

Golden Glow

Excellent for vibrant calls to action, festive banners, or highlighting interactive elements with a touch of luxury.

#FFD700 · #DAA520 · #CD5C5C

Bazaar Accents

Perfect for creating depth and visual interest in illustrations, infographics, or distinct design elements.

#D2691E · #CD5C5C · #8B4513

CSS variables

:root {
  --moroccan-bazaar-spices-1: #8B4513;
  --moroccan-bazaar-spices-2: #DAA520;
  --moroccan-bazaar-spices-3: #D2691E;
  --moroccan-bazaar-spices-4: #FFD700;
  --moroccan-bazaar-spices-5: #CD5C5C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moroccan-bazaar-spices": {
        1: "#8B4513",
        2: "#DAA520",
        3: "#D2691E",
        4: "#FFD700",
        5: "#CD5C5C",
      }
    }
  }
}

Related searches

moroccan color palettespice market color schemeexotic website colorswarm and vibrant UImiddle eastern design palette

Palette colors

Hex values

Color 1#8B4513
·
Color 2#DAA520
·
Color 3#D2691E
·
Color 4#FFD700
·
Color 5#CD5C5C
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.2:1AA18
2:1Fail
5.1:1AA
1.8:1Fail
2
3.2:1AA18
1.6:1Fail
1.6:1Fail
1.8:1Fail
3
2:1Fail
1.6:1Fail
2.6:1Fail
1.1:1Fail
4
5.1:1AA
1.6:1Fail
2.6:1Fail
2.8:1Fail
5
1.8:1Fail
1.8:1Fail
1.1:1Fail
2.8:1Fail

Similar palettes

More like Moroccan Bazaar Spices

View all warm
Bazaar Spice Alchemy
Bazaar Spice Blend
Bazaar Spice Symphony
Bohemian Silk Road
Cardamom Spice Market
Curry Tint