Back to palettes

Palette

Moroccan Spice Route

Rich, aromatic colors reflecting a vibrant bazaar, from saffron gold to fiery paprika.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#CD853F#FFD700#DC143C#556B2F

Palette guide

How to use Moroccan Spice Route

Overview

The "Moroccan Spice Route" palette is a captivating journey through rich, exotic colors, blending earthy browns and vibrant golds with a fiery red and a grounding olive green. It features the deep #8B4513 (saddle brown) and the warm #CD853F (peru), establishing a strong, natural base. The brilliant #FFD700 (gold) adds a touch of luxurious radiance, while the bold #DC143C (crimson) injects undeniable energy and passion. A unique, balancing element is #556B2F (dark olive green), offering a touch of ancient wisdom or lush oasis. This palette is ideal for designs that aim to be adventurous, rich in heritage, and dynamically vibrant.

Best used for

  • Adventure travel and exploration brands
  • Documentary film or cultural exhibition branding
  • High-end artisanal food products
  • Fashion lines with an exotic, bohemian flair
  • Educational platforms on history or geography
  • UI/UX for apps promoting discovery and cultural immersion

Suggested color roles

primary

#8B4513 serves as a deep, grounding foundation, ideal for main navigation, sturdy containers, or sophisticated brand elements.

secondary

#DC143C provides a passionate, energetic support, perfect for calls to action, important alerts, or impactful headings.

accent

#FFD700 delivers a brilliant, luxurious pop, drawing attention to interactive elements, highlights, or decorative details.

background

#CD853F can offer a warm, inviting base for sections, while a clean white or light cream ensures overall readability.

text

Use #8B4513 or a dark charcoal for body text on light backgrounds, ensuring strong contrast and a sophisticated feel.

Accessibility notes

  • Ensure #FFD700 has sufficient contrast when used for text against lighter backgrounds, including #CD853F.
  • #8B4513, #DC143C, and #556B2F provide good readability for text on white or very light cream backgrounds.
  • Avoid using #CD853F directly on #8B4513 for text due to potential low contrast.
  • The bold #DC143C makes an excellent choice for accessible links or buttons on light backgrounds.

Recommended combinations

Grand Bazaar

Creates a luxurious and bold statement, perfect for high-impact branding or feature sections with a rich heritage.

#8B4513 · #FFD700 · #DC143C

Oasis Contrast

Offers a grounded and refreshing feel, suitable for content blocks or natural product displays, with a golden highlight.

#CD853F · #556B2F · #FFD700

Fiery Earth

Uses a passionate red with deep browns for dynamic visual interest, excellent for urgent calls to action or impactful messages.

#DC143C · #8B4513 · #CD853F

CSS variables

:root {
  --moroccan-spice-route-1: #8B4513;
  --moroccan-spice-route-2: #CD853F;
  --moroccan-spice-route-3: #FFD700;
  --moroccan-spice-route-4: #DC143C;
  --moroccan-spice-route-5: #556B2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moroccan-spice-route": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#FFD700",
        4: "#DC143C",
        5: "#556B2F",
      }
    }
  }
}

Related searches

moroccan spice route paletteexotic adventure colorsvibrant earthy luxury schemeancient trade route palettehistorical cultural branding

Palette colors

Hex values

Color 1#8B4513
·
Color 2#CD853F
·
Color 3#FFD700
·
Color 4#DC143C
·
Color 5#556B2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
5.1:1AA
1.4:1Fail
1.2:1Fail
2
2.4:1Fail
2.1:1Fail
1.7:1Fail
2:1Fail
3
5.1:1AA
2.1:1Fail
3.6:1AA18
4.2:1AA18
4
1.4:1Fail
1.7:1Fail
3.6:1AA18
1.2:1Fail
5
1.2:1Fail
2:1Fail
4.2:1AA18
1.2:1Fail

Similar palettes

More like Moroccan Spice Route

View all warm
Ancient Spice Route
Moroccan Spice Bazaar
Moroccan Spice Market
Souk Market Colors
Amber Spice Blend
Bazaar Spice Alchemy