Back to palettes

Palette

Moroccan Spice Souk

A vibrant tapestry of rich, exotic spices, echoing the bustling energy of an ancient marketplace.

WarmEnergetic5 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

#E09F3E#D76F3C#9B2226#540B0E#F4D35E

Palette guide

How to use Moroccan Spice Souk

Overview

The Moroccan Spice Souk palette evokes the bustling energy of an ancient marketplace, a vibrant tapestry of rich, exotic spices. It features a spectrum of warm tones, from the bright saffron of #E09F3E and the paprika-like #D76F3C to the deep chili red of #9B2226 and the intense, earthy #540B0E. A lighter, golden #F4D35E adds a sun-kissed accent, making this palette ideal for projects seeking a truly energetic and inviting feel. Designers and developers can leverage its depth for impactful branding, creating a sense of warmth and adventure.

Best used for

  • Exotic food blogs and restaurant branding
  • Travel agencies specializing in cultural destinations
  • Bohemian fashion or home decor websites
  • Product packaging for gourmet spices or artisanal goods
  • Cultural event promotions and posters
  • Digital art and illustration with warm, rich themes

Suggested color roles

primary

Use #E09F3E as a main brand color, offering an inviting and warm presence for headers or primary calls to action.

secondary

Employ #D76F3C for complementary elements, subheadings, or secondary buttons, providing depth without overwhelming.

accent

Reserve #9B2226 for impactful accents, error states, or strong highlights, drawing immediate attention.

background

A gentle #F4D35E works well for light, warm backgrounds, while #540B0E provides a dramatic, rich dark background.

text

For dark text on light backgrounds, use #540B0E for excellent readability. On dark backgrounds, white or near-white text is recommended.

Accessibility notes

  • Ensure sufficient contrast when pairing #E09F3E or #D76F3C with text, especially on busy layouts.
  • Use #540B0E for primary text on light backgrounds like #F4D35E to meet WCAG AA standards.
  • Avoid using #E09F3E and #F4D35E for adjacent text or small elements due to low contrast between them.
  • When using #9B2226 as an accent, check its contrast against background colors to ensure visibility for all users.

Recommended combinations

Spiced Gradient

Ideal for smooth transitions in hero sections, banners, or decorative UI elements that require a warm flow.

#E09F3E · #D76F3C · #9B2226

Deep Earth Contrast

Perfect for high-contrast headers, call-to-action buttons on dark mode interfaces, or striking data visualizations.

#F4D35E · #540B0E · #9B2226

Market Glow

Excellent for vibrant content blocks, illustrations, or elements that need to feel bright and inviting.

#D76F3C · #E09F3E · #F4D35E

CSS variables

:root {
  --moroccan-spice-souk-1: #E09F3E;
  --moroccan-spice-souk-2: #D76F3C;
  --moroccan-spice-souk-3: #9B2226;
  --moroccan-spice-souk-4: #540B0E;
  --moroccan-spice-souk-5: #F4D35E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moroccan-spice-souk": {
        1: "#E09F3E",
        2: "#D76F3C",
        3: "#9B2226",
        4: "#540B0E",
        5: "#F4D35E",
      }
    }
  }
}

Related searches

vibrant spice color schememoroccan market paletteexotic warm colorsenergetic color guidesaffron chili palette

Palette colors

Hex values

Color 1#E09F3E
·
Color 2#D76F3C
·
Color 3#9B2226
·
Color 4#540B0E
·
Color 5#F4D35E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
3.5:1AA18
6.4:1AA
1.6:1Fail
2
1.5:1Fail
2.3:1Fail
4.4:1AA18
2.3:1Fail
3
3.5:1AA18
2.3:1Fail
1.9:1Fail
5.4:1AA
4
6.4:1AA
4.4:1AA18
1.9:1Fail
10:1AAA
5
1.6:1Fail
2.3:1Fail
5.4:1AA
10:1AAA

Similar palettes

More like Moroccan Spice Souk

View all Warm