Back to palettes

Palette

Moroccan Spice Bazaar

A lively and exotic blend of warm oranges and earthy browns, evoking a vibrant spice market.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#CC4400#FF8800#FFCC66#993300#E66600

Palette guide

How to use Moroccan Spice Bazaar

Overview

The Moroccan Spice Bazaar palette is a lively and exotic blend of warm oranges and earthy browns, evoking a vibrant spice market. It features a spectrum from deep #993300 (a dark brown-orange) to the bright #FFCC66 (a pale orange-yellow), encompassing energetic #CC4400, #FF8800, and #E66600. Designers and developers can leverage this palette to create dynamic, engaging, and culturally rich digital experiences. Its high energy and warm tones offer immense versatility for expressive branding and interfaces that capture attention and evoke a sense of adventure and aromatic richness.

Best used for

  • Food blogs and recipe websites
  • Restaurant menus and branding
  • Cultural event and festival promotions
  • Vibrant e-commerce platforms for unique goods
  • Travel promotions for exotic destinations
  • Festive digital marketing campaigns

Suggested color roles

primary

Use #E66600 as a dynamic, inviting orange for main calls to action and prominent headings, drawing immediate attention.

secondary

Apply #FF8800 for secondary information, subheadings, or background elements, offering a vibrant, energetic complement.

accent

Employ #FFCC66 for soft, luminous highlights, background textures, or subtle dividers, adding a delicate glow.

background

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

text

A rich dark orange like #CC4400 is excellent for primary body text on light backgrounds. White or cream text should be used on darker backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text on #FFCC66; dark text (e.g., #993300 or black) is essential for readability.
  • Text on #993300 or #CC4400 will require light colors (e.g., white or a pale cream) to meet WCAG contrast standards.
  • Avoid using #FF8800 on #E66600 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

Vibrant Spice

Ideal for creating a gradient effect in hero sections, banners, or for strong, visually impactful content blocks.

#CC4400 · #FF8800 · #E66600

Market Glow

Excellent for highlighting interactive elements, calls to action, or creating a lively, inviting visual flow.

#E66600 · #FFCC66 · #993300

Earthy Orange

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

#993300 · #CC4400 · #FF8800

CSS variables

:root {
  --moroccan-spice-bazaar-2-1: #CC4400;
  --moroccan-spice-bazaar-2-2: #FF8800;
  --moroccan-spice-bazaar-2-3: #FFCC66;
  --moroccan-spice-bazaar-2-4: #993300;
  --moroccan-spice-bazaar-2-5: #E66600;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moroccan-spice-bazaar-2": {
        1: "#CC4400",
        2: "#FF8800",
        3: "#FFCC66",
        4: "#993300",
        5: "#E66600",
      }
    }
  }
}

Related searches

moroccan spice colorsvibrant orange paletteexotic food brandingwarm market schemeearthy orange design

Palette colors

Hex values

Color 1#CC4400
·
Color 2#FF8800
·
Color 3#FFCC66
·
Color 4#993300
·
Color 5#E66600
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.2:1AA18
1.6:1Fail
1.4:1Fail
2
2:1Fail
1.6:1Fail
3.1:1AA18
1.4:1Fail
3
3.2:1AA18
1.6:1Fail
5:1AA
2.2:1Fail
4
1.6:1Fail
3.1:1AA18
5:1AA
2.2:1Fail
5
1.4:1Fail
1.4:1Fail
2.2:1Fail
2.2:1Fail

Similar palettes

More like Moroccan Spice Bazaar

View all warm
Bazaar Spice Blend
Bazaar Spice Symphony
Moroccan Spice Bazaar
Paprika Spice Market
Saffron Market Hues
Saffron Market Spice