Palette

Saffron Market Glow

Rich, exotic colors reminiscent of glowing lanterns and fragrant spices in an bustling market.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Saffron Market Glow 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 Market Glow.

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

Data visualization

#A52A2A#B22222#D2691E#CD853F#DAA520

Palette guide

How to use Saffron Market Glow

Overview

The Saffron Market Glow palette is a rich, exotic collection that evokes the vibrant energy of a bustling bazaar at twilight, with glowing lanterns and fragrant spices. It masterfully blends deep, sophisticated reds like #A52A2A and the fiery #B22222 with warm, inviting oranges such as #D2691E and #CD853F. The palette is completed by the radiant golden yellow of #DAA520, adding a touch of luminosity. This combination creates a sense of warmth, luxury, and cultural richness, making it an excellent choice for designs that aim to be captivating, energetic, and deeply inviting, perfect for various cultural or culinary themes.

Best used for

Exotic travel agency branding
Middle Eastern cuisine restaurants
Cultural event promotions
Textile and fabric design
Packaging for gourmet spices or teas
Storytelling websites

Suggested color roles

primary

#B22222, a bold, fiery red, perfect for impactful headlines, calls-to-action, or brand logos.

secondary

#D2691E, a rich burnt orange, provides a warm and inviting secondary color for subheadings or important sections.

accent

#DAA520, a radiant golden yellow, offers a luminous highlight for icons, subtle borders, or decorative motifs.

background

#CD853F can serve as a warm, inviting background for certain sections, or pair with a light cream for contrast.

text

#A52A2A provides a deep, sophisticated contrast for body text on lighter backgrounds, or use a very dark brown/black.

Accessibility notes

Ensure good contrast when pairing #CD853F with #DAA520 for text; consider using #A52A2A or #B22222 for better legibility.
#A52A2A and #B22222 provide strong contrast for text on light or golden backgrounds like #DAA520.
Avoid using #D2691E and #CD853F together for small text, as their proximity in value might reduce readability.
Lighter text (e.g., off-white) is recommended for backgrounds like #A52A2A or #B22222.

Recommended combinations

Bazaar Energy

Ideal for dynamic branding with a vibrant accent and deep, grounding text.

#B22222 · #DAA520 · #A52A2A

Lantern Glow

Excellent for creating warm, inviting gradients or layered graphic elements.

#D2691E · #CD853F · #DAA520

Rich Souk

Provides a sophisticated dark base with bright accents and a warm secondary.

#A52A2A · #DAA520 · #D2691E

CSS variables

:root {
  --saffron-market-glow-1: #A52A2A;
  --saffron-market-glow-2: #B22222;
  --saffron-market-glow-3: #D2691E;
  --saffron-market-glow-4: #CD853F;
  --saffron-market-glow-5: #DAA520;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "saffron-market-glow": {
        1: "#A52A2A",
        2: "#B22222",
        3: "#D2691E",
        4: "#CD853F",
        5: "#DAA520",
      }
    }
  }
}

Hex values

Color 1#A52A2A

Color 2#B22222

Color 3#D2691E

Color 4#CD853F

Color 5#DAA520

Accessibility

Contrast checker

1.1:1Fail

1.9:1Fail

2.4:1Fail

3.2:1AA18

1.1:1Fail

1.8:1Fail

2.2:1Fail

3:1Fail

1.9:1Fail

1.8:1Fail

1.2:1Fail

1.6:1Fail