Back to palettes

Palette

Moroccan Bazaar Spice

A vibrant and exotic array of warm, earthy spices found in a bustling Moroccan market.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B3552C#D4884C#F7C68D#8E4024#EDAF79

Palette guide

How to use Moroccan Bazaar Spice

Overview

The Moroccan Bazaar Spice palette is a vibrant and exotic array of warm, earthy spices, echoing the bustling atmosphere of a Moroccan market. Featuring rich terracotta #B3552C and deep burnt orange #8E4024, it exudes warmth and authenticity. Lighter, golden tones like #D4884C, #F7C68D, and #EDAF79 add brightness and an inviting glow, simulating the sun-drenched vibrancy of spices. This palette is perfect for designers and developers aiming to create energetic, rustic, and culturally infused experiences that evoke a sense of tradition, warmth, and the aromatic richness of a spice market.

Best used for

  • Authentic food and beverage branding
  • Travel and cultural experience brochures
  • Rustic home decor and artisanal crafts
  • Autumn-themed marketing campaigns
  • Cultural product packaging
  • Website design for exotic cuisine

Suggested color roles

primary

Use #B3552C as a rich, inviting base color for main content areas or prominent design elements, providing a warm foundation.

secondary

Apply #D4884C for brighter, complementary tones in sub-sections, navigation, or subtle dividers.

accent

Utilize #8E4024 as the deepest, grounding element for important call-to-actions, strong borders, or key visual anchors.

background

Employ #F7C68D as a warm, lighter canvas for backgrounds, offering a bright yet earthy base.

text

For optimal readability, use #8E4024 or a dark brown/black for body text. #B3552C can be used for headings on light backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text. Darker shades like #8E4024 and #B3552C work well for text on #F7C68D.
  • Avoid using #D4884C or #EDAF79 for small text on a #F7C68D background, as contrast may be insufficient.
  • For critical information, use a darker brown or black text for optimal readability across all backgrounds.
  • Consider larger font sizes or bolding when using lighter palette colors for text, even on dark backgrounds, to improve legibility.

Recommended combinations

Spice Blend

Warm, inviting website backgrounds or menu designs, reflecting rich flavors and authentic cuisine.

#B3552C · #D4884C · #F7C68D

Earthy Tones

Robust branding elements or call-to-action buttons, with #8E4024 as a strong anchor and #EDAF79 for highlights.

#8E4024 · #B3552C · #EDAF79

Bazaar Sunset

Gradient backgrounds or layered graphic elements to evoke a warm, exotic atmosphere and sense of depth.

#F7C68D · #D4884C · #B3552C

CSS variables

:root {
  --moroccan-bazaar-spice-1: #B3552C;
  --moroccan-bazaar-spice-2: #D4884C;
  --moroccan-bazaar-spice-3: #F7C68D;
  --moroccan-bazaar-spice-4: #8E4024;
  --moroccan-bazaar-spice-5: #EDAF79;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moroccan-bazaar-spice": {
        1: "#B3552C",
        2: "#D4884C",
        3: "#F7C68D",
        4: "#8E4024",
        5: "#EDAF79",
      }
    }
  }
}

Related searches

warm spice palettemoroccan earthy colorsbustling market schemerich orange brownexotic food branding

Palette colors

Hex values

Color 1#B3552C
·
Color 2#D4884C
·
Color 3#F7C68D
·
Color 4#8E4024
·
Color 5#EDAF79
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.2:1AA18
1.5:1Fail
2.6:1Fail
2
1.7:1Fail
1.8:1Fail
2.6:1Fail
1.5:1Fail
3
3.2:1AA18
1.8:1Fail
4.6:1AA
1.2:1Fail
4
1.5:1Fail
2.6:1Fail
4.6:1AA
3.8:1AA18
5
2.6:1Fail
1.5:1Fail
1.2:1Fail
3.8:1AA18

Similar palettes

More like Moroccan Bazaar Spice

View all warm
Saffron Market Spice
Bazaar Spice Blend
Bazaar Spice Symphony
Golden Bazaar Spice
Moroccan Souk Spice
Moroccan Spice Bazaar