Back to palettes

Palette

Moroccan Souk Spice

Rich, earthy reds and warm oranges evoke the aromatic, bustling atmosphere of a 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 Souk Spice 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 Souk Spice.

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

Data visualization

#7F2C32#BF5E30#FF9F1C#F2CC85#5A1F1F

Palette guide

How to use Moroccan Souk Spice

Overview

The Moroccan Souk Spice palette evokes the aromatic, bustling atmosphere of a Moroccan spice market with its rich, earthy reds and warm oranges. Featuring deep #5A1F1F, a robust #7F2C32, and the vibrant #BF5E30, it offers a harmonious and inviting scheme. With a bright #FF9F1C (Orange) and a soft #F2CC85 (a pale tan), designers and developers can craft visually rich and engaging digital experiences. This palette is excellent for conveying warmth, authenticity, and a touch of exoticism, providing versatility for both strong, grounded designs and lively, inviting accents.

Best used for

  • Gourmet food and spice packaging
  • Restaurant and cafe branding (especially ethnic cuisine)
  • Travel blogs focusing on cultural experiences
  • Artisanal goods e-commerce platforms
  • Rustic and warm interior design inspiration
  • Event promotions with an exotic theme

Suggested color roles

primary

Utilize #BF5E30 as a warm, inviting orange-brown for main content areas and interactive elements, providing a friendly base.

secondary

Apply #FF9F1C (Orange) for secondary calls to action, subheadings, or decorative accents, adding a vibrant, energetic touch.

accent

Employ #F2CC85 (a pale tan) for soft highlights, background textures, or subtle dividers, offering a delicate, illuminating feel.

background

Use #7F2C32 for deep, grounding backgrounds or footers, creating a strong, stable foundation that pairs well with light text.

text

A rich dark brown like #5A1F1F is excellent for primary body text, ensuring readability. White or cream text should be used on darker backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text on #F2CC85; dark text (e.g., #5A1F1F or black) is essential for readability.
  • Text on #5A1F1F or #7F2C32 will require light colors (e.g., white or a pale cream) to meet WCAG contrast standards.
  • Avoid using #BF5E30 on #FF9F1C for small text or interactive elements due to potential low contrast.
  • Always test color combinations for readability, especially for users with visual impairments.

Recommended combinations

Deep Spice

Ideal for establishing a robust, earthy foundation in headers, strong calls to action, or deep content blocks.

#5A1F1F · #7F2C32 · #BF5E30

Golden Spice

Excellent for creating a warm, inviting visual flow, highlighting interactive elements, or lively feature sections.

#BF5E30 · #FF9F1C · #F2CC85

Earthy Aromatic

Perfect for balancing deep tones with bright accents, suitable for atmospheric branding or engaging infographics.

#7F2C32 · #FF9F1C · #F2CC85

CSS variables

:root {
  --moroccan-souk-spice-1: #7F2C32;
  --moroccan-souk-spice-2: #BF5E30;
  --moroccan-souk-spice-3: #FF9F1C;
  --moroccan-souk-spice-4: #F2CC85;
  --moroccan-souk-spice-5: #5A1F1F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moroccan-souk-spice": {
        1: "#7F2C32",
        2: "#BF5E30",
        3: "#FF9F1C",
        4: "#F2CC85",
        5: "#5A1F1F",
      }
    }
  }
}

Related searches

moroccan spice paletteearthy orange colorswarm souk color schemearomatic branding colorsrustic food design

Palette colors

Hex values

Color 1#7F2C32
·
Color 2#BF5E30
·
Color 3#FF9F1C
·
Color 4#F2CC85
·
Color 5#5A1F1F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
4.4:1AA18
6:1AA
1.4:1Fail
2
2.1:1Fail
2.1:1Fail
2.8:1Fail
2.9:1Fail
3
4.4:1AA18
2.1:1Fail
1.3:1Fail
6.2:1AA
4
6:1AA
2.8:1Fail
1.3:1Fail
8.3:1AAA
5
1.4:1Fail
2.9:1Fail
6.2:1AA
8.3:1AAA

Similar palettes

More like Moroccan Souk Spice

View all warm
Spice Merchant's Dream
Bazaar Spice Blend
Bazaar Spice Bloom
Bazaar Spice Symphony
Bohemian Silk Road
Golden Spice Bazaar