Palette

Golden Spice Bazaar

A rich blend of golds, oranges, and deep browns, evoking the aromatic vibrancy of an exotic spice bazaar.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F4D35E#EE964B#F95738#5A3A31#8C4B30

Palette guide

How to use Golden Spice Bazaar

Overview

The Golden Spice Bazaar palette offers a rich blend of golds, oranges, and deep browns, evoking the aromatic vibrancy of an exotic marketplace. Featuring vivid shades like #F95738 and the grounding #5A3A31, along with the bright #F4D35E and warm #EE964B, this collection creates a natural yet energetic feel. It's ideal for designers and developers aiming to convey warmth, authenticity, and a touch of adventurous spirit, perfect for evocative storytelling and engaging user experiences. The palette's depth allows for versatile application, from bold accents to rich background textures.

Best used for

Artisan food and craft packaging
Cultural heritage websites and apps
Rustic restaurant and cafe branding
Autumn-themed marketing campaigns
Adventurous travel blogs and guides
Handmade goods e-commerce

Suggested color roles

primary

Use #EE964B as a warm, inviting main color for key brand elements and prominent sections.

secondary

Apply #F4D35E as a bright, supportive accent for subheadings or subtle background textures.

accent

Employ #F95738 as a bold, energetic accent for calls to action, alerts, or high-impact highlights.

background

Choose #F4D35E as a soft, natural base for content, providing a cheerful yet calming canvas.

text

Select #5A3A31 for body text, offering a deep, highly readable contrast against lighter backgrounds.

Accessibility notes

Ensure #5A3A31 text on #F4D35E background meets WCAG AA contrast standards.
The vibrant #F95738 provides excellent contrast for interactive elements against lighter shades.
Avoid using #F4D35E for small or crucial text to maintain readability.
For maximum readability, consider a true black for critical text on the lightest backgrounds.

Recommended combinations

Fiery Blend

Ideal for vibrant, energetic gradients or headers that demand attention.

#F4D35E · #EE964B · #F95738

Earthy Depth

Creates a grounded, rich feel, perfect for footers, strong sections, or brand marks.

#5A3A31 · #8C4B30 · #EE964B

Spice Contrast

Combines a bold accent with earthy tones for dynamic visuals and compelling calls to action.

#F95738 · #8C4B30 · #F4D35E

CSS variables

:root {
  --golden-spice-bazaar-1: #F4D35E;
  --golden-spice-bazaar-2: #EE964B;
  --golden-spice-bazaar-3: #F95738;
  --golden-spice-bazaar-4: #5A3A31;
  --golden-spice-bazaar-5: #8C4B30;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-spice-bazaar": {
        1: "#F4D35E",
        2: "#EE964B",
        3: "#F95738",
        4: "#5A3A31",
        5: "#8C4B30",
      }
    }
  }
}

Hex values

Color 1#F4D35E

Color 2#EE964B

Color 3#F95738

Color 4#5A3A31

Color 5#8C4B30

Accessibility

Contrast checker

1.6:1Fail

2.2:1Fail

6.9:1AA

4.5:1AA

1.6:1Fail

1.4:1Fail

4.4:1AA18

2.9:1Fail

2.2:1Fail

1.4:1Fail

3.1:1AA18

2:1Fail

6.9:1AA

4.4:1AA18

3.1:1AA18

1.5:1Fail

4.5:1AA

2.9:1Fail

2:1Fail

1.5:1Fail

Similar palettes

More like Golden Spice Bazaar

View all warm

Turmeric Sunset Glaze