Palette

Saffron Sunset Bazaar

Rich and aromatic shades reflecting the warm glow and exotic scents of an ancient spice market at dusk.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Saffron Sunset Bazaar 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 Sunset Bazaar.

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

Data visualization

#8C4724#B87333#D79B5D#EED5B7#6D361F

Palette guide

How to use Saffron Sunset Bazaar

Overview

The 'Saffron Sunset Bazaar' palette captures the rich, aromatic shades and warm glow of an ancient spice market at dusk. This earthy collection features the deep #8C4724, the inviting #B87333, the glowing #D79B5D, the soft #EED5B7, and the profound #6D361F. Designers can use these hues to evoke a sense of heritage, warmth, and rustic elegance. Developers will find this palette excellent for creating digital environments that feel grounded and authentic, ideal for storytelling, cultural projects, or brands seeking a timeless, natural appeal in their user interfaces and visual content.

Best used for

Heritage and artisanal brands
Rustic home decor and interior design
Gourmet spice or coffee packaging
Historical documentaries and media
Travel agencies focusing on cultural experiences
Earthy, natural product marketing

Suggested color roles

primary

Use #B87333 as a rich, inviting main color, perfect for conveying warmth and approachability.

secondary

Apply #8C4724 for deep, grounding elements like footers or substantial content blocks, adding stability.

accent

Employ #D79B5D for a softer highlight, mimicking a sunset glow, ideal for subtle call-to-actions or decorative elements.

background

Utilize #EED5B7 for a light, airy base that provides excellent contrast and a gentle, natural feel.

text

Pair #6D361F or a dark charcoal with #EED5B7 for crisp, highly readable body text and prominent headings.

Accessibility notes

Ensure #6D361F text on #EED5B7 provides excellent contrast for readability.
Avoid using #D79B5D for small text on similar light backgrounds to prevent legibility issues.
Check contrast ratios for all interactive elements to meet WCAG guidelines, especially for navigation.
Use larger font sizes for text elements in mid-tone colors like #B87333 to enhance readability.

Recommended combinations

Sunset Glow

Creates a soft, fading light effect, ideal for backgrounds, headers, or atmospheric visual storytelling.

#EED5B7 · #D79B5D · #B87333

Bazaar Depths

Perfect for grounding elements, rich textures, or sections requiring a sense of tradition and profound warmth.

#6D361F · #8C4724 · #B87333

Warm Earth

Provides a natural, inviting blend suitable for content areas, ensuring harmony and visual comfort.

#D79B5D · #8C4724 · #EED5B7

CSS variables

:root {
  --saffron-sunset-bazaar-1: #8C4724;
  --saffron-sunset-bazaar-2: #B87333;
  --saffron-sunset-bazaar-3: #D79B5D;
  --saffron-sunset-bazaar-4: #EED5B7;
  --saffron-sunset-bazaar-5: #6D361F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "saffron-sunset-bazaar": {
        1: "#8C4724",
        2: "#B87333",
        3: "#D79B5D",
        4: "#EED5B7",
        5: "#6D361F",
      }
    }
  }
}

Hex values

Color 1#8C4724

Color 2#B87333

Color 3#D79B5D

Color 4#EED5B7

Color 5#6D361F

Accessibility

Contrast checker

1.8:1Fail

2.9:1Fail

4.9:1AA

1.4:1Fail

1.8:1Fail

1.6:1Fail

2.7:1Fail

2.5:1Fail

2.9:1Fail

1.6:1Fail

1.7:1Fail

4:1AA18

4.9:1AA

2.7:1Fail

1.7:1Fail

6.8:1AA

1.4:1Fail

2.5:1Fail

4:1AA18

6.8:1AA

Similar palettes

More like Saffron Sunset Bazaar

Artisan Pottery Wheel