Palette

Saffron Souk Spice

Rich, aromatic colors of a bustling spice market, infused with deep saffron and warm earthy tones.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Saffron 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 Saffron Souk Spice.

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

Data visualization

#D45029#E8813C#FBC564#FFF2BB#8B2B0A

Palette guide

How to use Saffron Souk Spice

Overview

Saffron Souk Spice is a rich and aromatic color palette that captures the vibrant energy of a bustling market, infused with deep saffron and warm earthy tones. It features the bold, fiery orange-red of #D45029 and the lively orange of #E8813C. These energetic hues are beautifully complemented by the bright, inviting yellow of #FBC564, leading to the soft, creamy #FFF2BB. The palette is grounded by the deep, robust #8B2B0A, providing significant depth and authenticity. This blend is perfect for designs that aim to convey excitement, warmth, and a touch of exotic adventure, making it ideal for culinary, cultural, or artisanal themes.

Best used for

International cuisine branding
Travel and cultural experience websites
Artisan craft product packaging
Event promotions with an exotic theme
Food photography and styling
Educational content on world cultures

Suggested color roles

primary

#D45029, a bold orange-red, ideal for high-impact headlines, calls-to-action, or brand logos, conveying energy.

secondary

#E8813C, a vibrant orange, provides an energetic secondary color for subheadings or key features.

accent

#FBC564, a bright, inviting yellow, offers a luminous highlight for icons, decorative elements, or subtle borders.

background

#FFF2BB, a soft, creamy yellow, creates an inviting and airy base, allowing richer colors to pop.

text

#8B2B0A provides excellent contrast for body text on lighter backgrounds, ensuring readability, or use a dark brown/charcoal.

Accessibility notes

Ensure #FBC564 has sufficient contrast against #FFF2BB for text; consider using a darker color for important information.
#8B2B0A provides strong readability for body text against light backgrounds like #FFF2BB.
Avoid pairing #D45029 and #E8813C for small text due to their close luminance values.
For backgrounds using #D45029 or #8B2B0A, use very light text (e.g., #FFF2BB) to ensure optimal contrast.

Recommended combinations

Souk Energy

Excellent for a bold header, light background, and deep, readable text.

#D45029 · #FFF2BB · #8B2B0A

Spice Glow

Perfect for warm gradients or layered graphics, suggesting vibrancy and depth.

#E8813C · #FBC564 · #D45029

Aromatic Blend

Ideal for a clean, light base with sophisticated dark text and a vibrant accent.

#FFF2BB · #8B2B0A · #E8813C

CSS variables

:root {
  --saffron-souk-spice-1: #D45029;
  --saffron-souk-spice-2: #E8813C;
  --saffron-souk-spice-3: #FBC564;
  --saffron-souk-spice-4: #FFF2BB;
  --saffron-souk-spice-5: #8B2B0A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "saffron-souk-spice": {
        1: "#D45029",
        2: "#E8813C",
        3: "#FBC564",
        4: "#FFF2BB",
        5: "#8B2B0A",
      }
    }
  }
}

Hex values

Color 1#D45029

Color 2#E8813C

Color 3#FBC564

Color 4#FFF2BB

Color 5#8B2B0A

Accessibility

Contrast checker

1.5:1Fail

2.7:1Fail

3.7:1AA18

2:1Fail

1.5:1Fail

1.7:1Fail

2.4:1Fail

3.1:1AA18

2.7:1Fail

1.7:1Fail

1.4:1Fail

5.4:1AA

3.7:1AA18

2.4:1Fail

1.4:1Fail

7.6:1AAA

2:1Fail

3.1:1AA18

5.4:1AA

7.6:1AAA

Similar palettes

More like Saffron Souk Spice

View all warm

Moroccan Spice Market

Saffron Market Spice

Bazaar Spice Blend

Bazaar Spice Symphony

Cardamom Spice Market

Curry Tint