Back to palettes

Palette

Moroccan Spice Souk

A richly warm palette that captures the vibrant aromas and colors of an exotic Moroccan spice market.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#D2691E#FF7F50#F4A460#A0522D

Palette guide

How to use Moroccan Spice Souk

Overview

The "Moroccan Spice Souk" palette is a deeply warm and inviting collection, perfectly capturing the vibrant aromas and sun-drenched hues of an exotic market. It features the rich, grounding #8B4513 (saddle brown) and the robust #A0522D (sienna), establishing a strong, earthy foundation. The palette then blossoms into the warm #D2691E (chocolate) and the brighter #FF7F50 (coral), culminating in the soft, luminous #F4A460 (sandy brown). This harmonious blend of browns and oranges is ideal for designers seeking to evoke authenticity, natural warmth, and a comforting, rustic charm in their projects.

Best used for

  • Artisan food and beverage packaging
  • Rustic interior design and decor
  • Cultural event promotions and invitations
  • E-commerce platforms for handcrafted goods
  • Travel blogs focusing on traditional markets
  • UI/UX for applications with a warm, organic feel

Suggested color roles

primary

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

secondary

#D2691E provides a rich, inviting support, perfect for subheadings, prominent content blocks, or navigation.

accent

#FF7F50 delivers a bright, warm pop, drawing attention to interactive elements, highlights, or decorative details.

background

#F4A460 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 #F4A460 and #FF7F50 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 #D2691E 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 orange tones.

Recommended combinations

Warm Gradient

Creates a soft, inviting gradient, perfect for background sections or elements needing a gentle, warm glow.

#D2691E · #FF7F50 · #F4A460

Earthy Depth

Offers a grounded and rich combination, suitable for robust content blocks or traditional branding.

#8B4513 · #A0522D · #D2691E

Bright Accent

Uses a bright coral as an accent against deep brown and a light background for clear visual hierarchy and warmth.

#FF7F50 · #8B4513 · #F4A460

CSS variables

:root {
  --moroccan-spice-souk-2-1: #8B4513;
  --moroccan-spice-souk-2-2: #D2691E;
  --moroccan-spice-souk-2-3: #FF7F50;
  --moroccan-spice-souk-2-4: #F4A460;
  --moroccan-spice-souk-2-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moroccan-spice-souk-2": {
        1: "#8B4513",
        2: "#D2691E",
        3: "#FF7F50",
        4: "#F4A460",
        5: "#A0522D",
      }
    }
  }
}

Related searches

moroccan spice souk palettewarm earthy orange brownrustic market color schemeexotic natural design colorsinviting traditional hues

Palette colors

Hex values

Color 1#8B4513
·
Color 2#D2691E
·
Color 3#FF7F50
·
Color 4#F4A460
·
Color 5#A0522D
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
2.8:1Fail
3.5:1AA18
1.3:1Fail
2
2:1Fail
1.5:1Fail
1.8:1Fail
1.5:1Fail
3
2.8:1Fail
1.5:1Fail
1.2:1Fail
2.2:1Fail
4
3.5:1AA18
1.8:1Fail
1.2:1Fail
2.8:1Fail
5
1.3:1Fail
1.5:1Fail
2.2:1Fail
2.8:1Fail

Similar palettes

More like Moroccan Spice Souk

View all warm
Spice Market Bazaar
Bazaar Spice Weave
Curry Spice Blend
Desert Caravan Spices
Desert Spice Market
Exotic Bazaar Spice