Back to palettes

Palette

Moroccan Spice Market

Rich, exotic hues capture the vibrant chaos and warm aroma of a bustling spice market in Marrakesh.

Earthnatural5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#CD853F#FFDAB9#D2B48C#A0522D

Palette guide

How to use Moroccan Spice Market

Overview

The "Moroccan Spice Market" palette is a deeply earthy and inviting collection, perfectly capturing the warm, sun-baked essence of a Marrakesh bazaar. It features the rich, grounding #8B4513 (saddle brown) and the slightly lighter #A0522D (sienna), providing a strong, natural foundation. The warm #CD853F (peru) adds a touch of sun-kissed vibrancy, while #D2B48C (tan) and the soft #FFDAB9 (peach puff) offer luminous, breathable spaces. This palette is ideal for designers seeking to evoke authenticity, rustic charm, and a sense of comfortable, organic warmth in their projects.

Best used for

  • Sustainable and eco-friendly brand identities
  • Rustic home decor and furniture design
  • Natural cosmetic and skincare packaging
  • Travel guides for historical or rural destinations
  • Food blogs focusing on traditional or homemade recipes
  • UI/UX for applications with a calm, organic aesthetic

Suggested color roles

primary

#8B4513 serves as a deep, grounding base, ideal for main headings, brand logos, or sturdy structural elements.

secondary

#A0522D provides a rich, earthy support, perfect for subheadings, prominent content blocks, or navigation.

accent

#CD853F delivers a warm, inviting pop, drawing attention to interactive elements or subtle decorative details.

background

#FFDAB9 creates a soft, luminous foundation, ensuring readability and a welcoming user experience.

text

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

Accessibility notes

  • Ensure #FFDAB9 and #D2B48C have sufficient contrast when used for text against other light background tones.
  • #8B4513 and #A0522D provide excellent readability for text on white or very light cream backgrounds.
  • Avoid placing #CD853F text directly on #A0522D backgrounds due to potential low contrast.
  • Consider using a darker text color like #8B4513 for small text on any of the lighter brown or peach tones.

Recommended combinations

Earthy Gradient

Creates a warm, grounded gradient, perfect for background sections or robust content blocks.

#8B4513 · #A0522D · #CD853F

Soft Contrast

Uses a light background with deep brown text and a warm accent for clear, comfortable readability.

#FFDAB9 · #8B4513 · #CD853F

Natural Harmony

Ideal for subtle background patterns, secondary information panels, or soft UI elements with an organic feel.

#D2B48C · #A0522D · #FFDAB9

CSS variables

:root {
  --moroccan-spice-market-1: #8B4513;
  --moroccan-spice-market-2: #CD853F;
  --moroccan-spice-market-3: #FFDAB9;
  --moroccan-spice-market-4: #D2B48C;
  --moroccan-spice-market-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moroccan-spice-market": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#FFDAB9",
        4: "#D2B48C",
        5: "#A0522D",
      }
    }
  }
}

Related searches

moroccan earthy palettespice market brown orangerustic natural color schemewarm organic design colorstraditional marrakesh hues

Palette colors

Hex values

Color 1#8B4513
·
Color 2#CD853F
·
Color 3#FFDAB9
·
Color 4#D2B48C
·
Color 5#A0522D
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
5.4:1AA
3.6:1AA18
1.3:1Fail
2
2.4:1Fail
2.3:1Fail
1.5:1Fail
1.9:1Fail
3
5.4:1AA
2.3:1Fail
1.5:1Fail
4.3:1AA18
4
3.6:1AA18
1.5:1Fail
1.5:1Fail
2.8:1Fail
5
1.3:1Fail
1.9:1Fail
4.3:1AA18
2.8:1Fail

Similar palettes

More like Moroccan Spice Market

View all Earth
Desert Mesa Clay
Rustic Cabin Cozy
Rustic Market Harvest
Sunbaked Canyon Walls
Bohemian Earth Loom
Golden Hour Vineyard