Back to palettes

Palette

Moroccan Spice Bazaar

A vibrant and aromatic mix of deep reds, oranges, and golden yellows, reminiscent of a bustling spice bazaar.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#CD5C5C#DAA520#FFD700#8B4513

Palette guide

How to use Moroccan Spice Bazaar

Overview

The "Moroccan Spice Bazaar" palette captures the essence of a vibrant marketplace, blending deep, rich reds with radiant golds and earthy browns. Dominated by the strong presence of #8B0000 (dark red) and the warm appeal of #CD5C5C (indian red), it finds its luminous heart in #DAA520 (goldenrod) and #FFD700 (gold). The grounding #8B4513 (saddle brown) ties the collection together, offering a sense of history and warmth. This palette is perfect for designers aiming to create designs that are both energetic and rooted, evoking a sense of exotic luxury and natural richness.

Best used for

  • Cultural and heritage brand identities
  • Luxury product packaging
  • Interior design concepts for cafes or restaurants
  • Editorial layouts and magazine design
  • Art and craft exhibition branding
  • Web design with a rustic yet opulent feel

Suggested color roles

primary

#8B0000 provides a powerful, rich anchor, ideal for main headings, brand accents, or impactful calls to action.

secondary

#DAA520 offers a radiant supporting role, perfect for highlighting key information or decorative flourishes.

accent

#FFD700 delivers a bright, luxurious pop, drawing attention to interactive elements or important details.

background

#CD5C5C can be used for softer background sections, while a near-white or light cream provides general background.

text

#8B0000 or #8B4513 for body text on light backgrounds, ensuring strong contrast and readability.

Accessibility notes

  • Ensure #FFD700 and #DAA520 have sufficient contrast when used for text against lighter backgrounds.
  • #8B0000 and #8B4513 offer excellent readability for text on white or very light cream backgrounds.
  • Avoid using #CD5C5C as a background for #DAA520 text due to potential low contrast.
  • Consider using a darker text color like #8B0000 for small text on any of the lighter gold tones.

Recommended combinations

Regal Gold

Creates a luxurious and bold statement, perfect for branding or high-impact hero sections.

#8B0000 · #FFD700 · #DAA520

Earthy Warmth

Offers a grounded and inviting feel, suitable for content blocks or natural product displays.

#8B4513 · #CD5C5C · #DAA520

Bright Contrast

Uses a bright gold as a dominant color with deep reds for strong visual hierarchy and highlights.

#DAA520 · #8B0000 · #CD5C5C

CSS variables

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

Tailwind config

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

Related searches

moroccan red gold palettespice market color schemeearthy rich color combinationsexotic luxury palettevibrant cultural branding colors

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
4.5:1AA18
7.1:1AAA
1.4:1Fail
2
2.5:1Fail
1.8:1Fail
2.8:1Fail
1.8:1Fail
3
4.5:1AA18
1.8:1Fail
1.6:1Fail
3.2:1AA18
4
7.1:1AAA
2.8:1Fail
1.6:1Fail
5.1:1AA
5
1.4:1Fail
1.8:1Fail
3.2:1AA18
5.1:1AA

Similar palettes

More like Moroccan Spice Bazaar

View all warm