Back to palettes

Palette

Souk Saffron Blend

A vibrant mix of warm hues, reflecting the intoxicating colors and scents of a bustling Moroccan spice bazaar.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#9A2C2C#D85C3D#FFCC5C#FFEDB4#6B4E2B

Palette guide

How to use Souk Saffron Blend

Overview

The Souk Saffron Blend palette offers a vibrant and exotic array of warm hues, reminiscent of a bustling Moroccan spice bazaar. It features a deep, luxurious maroon (#9A2C2C), a spirited red-orange (#D85C3D), a radiant saffron yellow (#FFCC5C), a soft, luminous cream (#FFEDB4), and a grounding coffee brown (#6B4E2B). This collection is ideal for designers and developers looking to infuse projects with energy, warmth, and a touch of global sophistication. Its rich yet balanced tones are perfect for food packaging, travel branding, or any design seeking to evoke a sense of adventure and luxurious comfort.

Best used for

  • Food and spice branding
  • Travel agencies and blogs
  • Cultural documentaries and exhibits
  • Luxury goods packaging
  • Autumnal and harvest themes
  • Bohemian-chic interior design

Suggested color roles

primary

Use #D85C3D as an inviting, warm red-orange for primary navigation or feature sections.

secondary

Apply #9A2C2C for a deep, rich anchor, ideal for footers, borders, or strong accents.

accent

Introduce #FFCC5C as a bright, golden highlight for calls-to-action or decorative elements.

background

Utilize #FFEDB4 as a soft, luminous base, providing excellent contrast for darker text.

text

Employ #6B4E2B for body text and headings, offering a deep, grounding brown for readability.

Accessibility notes

  • #FFEDB4 is an excellent light background, providing strong contrast for dark text like #6B4E2B.
  • Ensure sufficient contrast for #FFCC5C when used as text or small UI elements against light backgrounds.
  • Darker shades like #9A2C2C provide good contrast against #FFEDB4 for headings or important information.
  • Always test color combinations for WCAG compliance, especially for interactive components.

Recommended combinations

Saffron Glow

Create a bright, warm, and inviting visual, perfect for highlighting key content or product features.

#FFCC5C · #D85C3D · #FFEDB4

Deep Spice

Combine these for a rich, grounded, and luxurious feel, ideal for sophisticated branding.

#9A2C2C · #6B4E2B · #D85C3D

Earthy Warmth

Achieve a balanced, natural appeal, great for a rustic or organic product presentation.

#6B4E2B · #FFEDB4 · #D85C3D

CSS variables

:root {
  --souk-saffron-blend-1: #9A2C2C;
  --souk-saffron-blend-2: #D85C3D;
  --souk-saffron-blend-3: #FFCC5C;
  --souk-saffron-blend-4: #FFEDB4;
  --souk-saffron-blend-5: #6B4E2B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "souk-saffron-blend": {
        1: "#9A2C2C",
        2: "#D85C3D",
        3: "#FFCC5C",
        4: "#FFEDB4",
        5: "#6B4E2B",
      }
    }
  }
}

Related searches

saffron color palettemoroccan spice colorsexotic gold redwarm earthy brandingautumnal color scheme

Palette colors

Hex values

Color 1#9A2C2C
·
Color 2#D85C3D
·
Color 3#FFCC5C
·
Color 4#FFEDB4
·
Color 5#6B4E2B
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
5.1:1AA
6.5:1AA
1:1Fail
2
2:1Fail
2.5:1Fail
3.3:1AA18
2:1Fail
3
5.1:1AA
2.5:1Fail
1.3:1Fail
5.1:1AA
4
6.5:1AA
3.3:1AA18
1.3:1Fail
6.6:1AA
5
1:1Fail
2:1Fail
5.1:1AA
6.6:1AA

Similar palettes

More like Souk Saffron Blend

View all warm
Spicy Market Bazaar
Bazaar Spice Bloom
Bazaar Spice Symphony
Golden Spice Bazaar
Marrakech Morning Light
Moroccan Spice Bazaar