Back to palettes

Palette

Moroccan Spice Market

A vivid, aromatic collection inspired by the bustling colors of an exotic market, warm and inviting.

warmenergetic5 colors
More warm 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

#FFC200#E47A2E#CC3300#A0522D#008080

Palette guide

How to use Moroccan Spice Market

Overview

The "Moroccan Spice Market" palette is a dynamic and aromatic collection, blending vibrant oranges and deep reds with an unexpected, refreshing teal. It starts with the bright, energetic #FFC200 (amber) and moves through the rich #E47A2E (dark orange) to the intense #CC3300 (burnt orange-red). The grounding #A0522D (sienna) adds an earthy, rustic touch. A striking feature is the inclusion of #008080 (teal), which provides a cool, sophisticated contrast, making the warm tones pop even more. This palette is ideal for designers seeking to evoke exotic vibrancy, warmth, and a touch of modern flair.

Best used for

  • Bold, energetic branding for innovative products
  • E-commerce sites for unique goods or spices
  • Contemporary interior design accents
  • Event promotions with a lively, exotic theme
  • Digital art and illustration with rich contrasts
  • UI/UX for engaging and dynamic applications

Suggested color roles

primary

#CC3300 serves as a strong, passionate focal point, excellent for headlines, brand logos, or impactful call-to-action buttons.

secondary

#FFC200 provides a vibrant, optimistic support, perfect for highlighting key information or energetic graphical elements.

accent

#008080 offers a refreshing, sophisticated contrast, ideal for icons, interactive states, or subtle design details.

background

#A0522D can provide a warm, earthy base for sections, while a clean white ensures readability for general content.

text

Use #CC3300 or #A0522D for body text on light backgrounds, ensuring strong contrast and a grounded feel.

Accessibility notes

  • Ensure #FFC200 has sufficient contrast when used for text against lighter backgrounds.
  • #CC3300 and #A0522D provide excellent readability for text on white or very light backgrounds.
  • #008080 offers good contrast for text on white, but check against warmer tones like #FFC200.
  • Avoid using #E47A2E directly on #CC3300 for text due to potential low contrast, especially for small fonts.

Recommended combinations

Vibrant Contrast

Creates a high-energy, eye-catching combination, perfect for hero sections or brand highlights.

#CC3300 · #FFC200 · #008080

Earthy Modern

Offers a grounded yet fresh aesthetic, suitable for sophisticated content blocks or navigation.

#A0522D · #008080 · #E47A2E

Sunny Pop

Uses bright amber with warm oranges for a cheerful, inviting feel, ideal for playful elements or calls to action.

#FFC200 · #CC3300 · #E47A2E

CSS variables

:root {
  --moroccan-spice-market-2-1: #FFC200;
  --moroccan-spice-market-2-2: #E47A2E;
  --moroccan-spice-market-2-3: #CC3300;
  --moroccan-spice-market-2-4: #A0522D;
  --moroccan-spice-market-2-5: #008080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moroccan-spice-market-2": {
        1: "#FFC200",
        2: "#E47A2E",
        3: "#CC3300",
        4: "#A0522D",
        5: "#008080",
      }
    }
  }
}

Related searches

moroccan orange teal palettespice market vibrant colorsexotic warm cool contrastamber sienna teal schemedynamic cultural branding

Palette colors

Hex values

Color 1#FFC200
·
Color 2#E47A2E
·
Color 3#CC3300
·
Color 4#A0522D
·
Color 5#008080
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.2:1AA18
3.5:1AA18
2.9:1Fail
2
1.8:1Fail
1.8:1Fail
1.9:1Fail
1.6:1Fail
3
3.2:1AA18
1.8:1Fail
1.1:1Fail
1.1:1Fail
4
3.5:1AA18
1.9:1Fail
1.1:1Fail
1.2:1Fail
5
2.9:1Fail
1.6:1Fail
1.1:1Fail
1.2:1Fail

Similar palettes

More like Moroccan Spice Market

View all warm
Bazaar Spice Bloom
Spice Merchant Hue
Ancient Spice Route
Bazaar Spice Blend
Bazaar Spice Symphony
Desert Spice Kettle